
/*				         Made by PaulXFCE  
                    in collaboration with EtienneGNOME                     */



* { padding: 0;

 -GtkToolButton-icon-spacing: 4;
 -GtkTextView-error-underline-color: @color_destructive;
 -GtkScrolledWindow-scrollbar-spacing: 0;
 -GtkToolItemGroup-expander-size: 11;
 -GtkWidget-text-handle-width: 20;
 -GtkWidget-text-handle-height: 24;
 -GtkDialog-button-spacing: 4;
 -GtkDialog-action-area-border: 0;
   outline-color: alpha(currentColor,0.3);
   outline-style: dashed;
   outline-offset: -3px;
   outline-width: 0;
 -gtk-outline-radius: 3px;
 -gtk-secondary-caret-color: @color_600; }

/*(((((((((( BASE STATES ))))))))))*/

.background { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
	          0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: @base_bg_color; }

.popup.background {

  background-color:transparent;
  background-image: none;}
   
.background.csd {
  border-radius: 0 0 9px 9px;}

/*(((((((((( FALLBACK-STYLE ))))))))))*/

*:disabled { 

-gtk-icon-effect: dim; }

.gtkstyle-fallback { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: @base_bg_color;}

.gtkstyle-fallback:hover { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); 
  background-color: @theme_base_color;}

.gtkstyle-fallback:active { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);  
  background-color: shade(@theme_base_color,0.92);/*#dfdcd8;*/}

.gtkstyle-fallback:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  background-color: @insensitive_bg_color;}

.gtkstyle-fallback:selected {
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: @color_600;}
  
/* (((((((((( nautilus desktop icons settings ))))))))))*/

.nautilus-desktop.nautilus-canvas-item,
.nautilus-desktop.nautilus-canvas-item:selected,
.nautilus-desktop.nautilus-canvas-item:active{

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

.view, iconview, 
.view text, 
iconview text, 
textview text { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: @theme_base_color;}

.view:disabled, 
iconview:disabled, 
.view text:disabled, 
iconview text:disabled, 
textview text:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  background-color: @insensitive_bg_color;}

.view:selected:focus, 
iconview:selected:focus, 
.view:selected, 
iconview:selected, 
.view text:selected:focus, 
iconview text:selected:focus, 
textview text:selected:focus, 
.view text:selected, 
iconview text:selected, 
textview text:selected { 

  border-radius: 3px;}

textview border { 

  background-color: @borders_light;}
  

flowbox flowboxchild { 

  padding: 3px;}

flowbox flowboxchild:selected { 

  outline-offset: -2px;}

.content-view .tile { 

  margin: 2px; 
  background-color: transparent; 
  border-radius: 0; 
  padding: 0;}
  
.content-view .tile:disabled,
.content-view .tile:active,
.content-view .tile:selected { 

  background-color: transparent;}

label {

  caret-color: currentColor;}

label.separator { 

  color: @text_color;}

label selection { 

 /*background-color: @color_600;*/
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

label:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); }

.dim-label, 
label.separator, 
.titlebar:not(headerbar) .subtitle, 
headerbar .subtitle { 

  opacity: 0.55; 
  text-shadow: none;}

assistant .sidebar { 

  background-color: @theme_base_color; 
  border-top: 1px solid @borders;}

assistant.csd .sidebar { 

  border-top-style: none;}

assistant .sidebar label { 

  padding: 6px 12px;}

assistant .sidebar label.highlight { 

  background-color: #cecece;}

.csd popover.background.touch-selection, 
.csd popover.background.magnifier, 
popover.background.touch-selection, 
popover.background.magnifier, 
.csd popover.background.osd, 
popover.background.osd, 
.app-notification, 
.app-notification.frame, 
.osd .scale-popup, .osd { 

  color: @osd_button_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0px  0.2px alpha(@osd_button_text_color, 0.2),
				  0px -0.2px alpha(@osd_button_text_color, 0.2);
  border: none; 
  background-color: alpha(@osd_bg_color, 0.9);  
  background-clip: padding-box; 
  text-shadow: 0 1px @shadows_dark; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

/*(((((((((( SPINNER ANNIMATION ))))))))))*/

@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }

spinner { 

  background: none; 
  opacity: 0; 
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");}

spinner:checked { 

  opacity: 1; 
  animation: spin 1s linear infinite;}

spinner:checked:disabled { 

  opacity: 0.5;}
  
/*(((((((((( TEXT ENTRIES ))))))))))*/

spinbutton:not(.vertical), 
entry {
 
  min-height: 1.7875rem;
  padding: 0 0.55rem;
  border: 1px solid @borders; 
  border-radius: 0.34375rem;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: @button_color; 
  box-shadow:inset 0 1px 2px alpha(@shadows_dark, 0.12);}

spinbutton:not(.vertical) image.left, 
entry image.left { 

  margin-right: 0.4125rem;}

spinbutton:not(.vertical) image.right, 
entry image.right { 

  margin-left: 0.4125rem;}

spinbutton.flat:focus:not(.vertical),  
spinbutton.flat:disabled:not(.vertical), 
spinbutton.flat:not(.vertical), 
entry.flat:focus, 
entry.flat:disabled, 
entry.flat { 
  
  min-height: 0; 
  padding: 0.1375rem; 
  background-color: transparent; 
  border-color: transparent; 
  border-radius: 0;}

spinbutton:focus:not(.vertical), 
entry:focus { 

  box-shadow: inset 0 0 0 1px @color_600; 
  border-color: @color_600;}

spinbutton:disabled:not(.vertical), 
entry:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: @borders; 
  background-color: @insensitive_bg_color; 
  box-shadow: none; }

spinbutton.error:not(.vertical), 
entry.error { 

  color: @color_destructive; 
  text-shadow:    
				 -0.2px  0px alpha(@color_destructive, 0.2),
				  0.2px  0px alpha(@color_destructive, 0.2),
				  0px  0.2px alpha(@color_destructive, 0.2),
				  0px -0.2px alpha(@color_destructive, 0.2); 
  border-color: @color_destructive; }

spinbutton.error:focus:not(.vertical), 
entry.error:focus { 

  box-shadow: inset 0 0 0 1px @color_destructive; 
  border-color: @color_destructive; }

spinbutton.error:not(.vertical) selection, 
entry.error selection { 

  background-color: @color_destructive; }

spinbutton.warning:not(.vertical), 
entry.warning { 

  color: @warning_color; 
  text-shadow:    
				 -0.2px  0px alpha(@warning_color, 0.2),
				  0.2px  0px alpha(@warning_color, 0.2),
				  0px  0.2px alpha(@warning_color, 0.2),
				  0px -0.2px alpha(@warning_color, 0.2); 
  border-color: @warning_color; }

spinbutton.warning:focus:not(.vertical), 
entry.warning:focus { 

  box-shadow: inset 0 0 0 1px @warning_color; 
  border-color: @warning_color; }

spinbutton.warning:not(.vertical) selection, 
entry.warning selection { 

  background-color: @warning_color; }

spinbutton:not(.vertical) image,
entry image { 

  color: shade(@text_color,1.1); }

spinbutton:not(.vertical) image:hover, 
entry image:hover { 

  color: @text_color; }

spinbutton:not(.vertical) image:active, 
entry image:active { 

  color: @color_600; }

spinbutton:drop(active):focus:not(.vertical), 
spinbutton:drop(active):not(.vertical), 
entry:drop(active):focus, 
entry:drop(active) { 

  border-color: @drop_color; 
  box-shadow: inset 0 0 0 1px @drop_color; }

.osd spinbutton:not(.vertical), 
.osd entry { 

  color: @osd_button_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: @osd_button_color; 
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text_color, 0.2),
				  0px  2px alpha(@osd_button_text_color, 0.06); 
  -gtk-icon-shadow: 0 1px @shadows_dark; }

.osd spinbutton:focus:not(.vertical), 
.osd entry:focus { 

  color: @osd_button_text_color; 
  border-color: @color_600; 
  background-color: @osd_button_color; 
  background-clip: padding-box; 
  box-shadow: inset 0 0 0 1px @color_600; 
  text-shadow:    
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text_color, 0.2),
				  0px  2px alpha(@osd_button_text_color, 0.06); 
  -gtk-icon-shadow: 0 1px @shadows_dark; }

.osd spinbutton:disabled:not(.vertical), 
.osd entry:disabled { 

   
  border-color: alpha(@borders_dark,0.7);  
  background-color: alpha(@osd_button_color,0.7);
  background-clip: padding-box; 
  box-shadow: none; 
  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  -gtk-icon-shadow: none; }

spinbutton:not(.vertical) progress, 
entry progress { 

  margin: 2px -6px; 
  background-color: transparent; 
  background-image: none; 
  border-radius: 0; 
  border-width: 0 0 2px; 
  border-color: @color_600; 
  border-style: solid;
  box-shadow: none; }

.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, 
.linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), 
.linked:not(.vertical) > entry:focus + button, 
.linked:not(.vertical) > entry:focus + combobox > box > button.combo, 
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, 
.linked:not(.vertical) > entry:focus + entry { 

  border-left-color: @color_600; }

.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), 
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, 
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, 
.linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), 
.linked:not(.vertical) > entry:focus.error + button, 
.linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, 
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, 
.linked:not(.vertical) > entry:focus.error + entry { 

  border-left-color: @color_destructive; }

.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), 
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, 
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, 
.linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), 
.linked:not(.vertical) > entry:drop(active) + button, 
.linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, 
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, 
.linked:not(.vertical) > entry:drop(active) + entry { 

  border-left-color: @drop_color; }

.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), 
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), 
.linked.vertical > entry:not(:disabled) + entry:not(:disabled), 
.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { 

  border-top-color: #f0eeed; }

.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), 
.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, 
.linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), 
.linked.vertical > entry:disabled + entry:disabled { 

  border-top-color: #f0eeed; }

.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), 
.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), 
.linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), 
.linked.vertical > entry + entry:focus:not(:only-child) { 

  border-top-color: @color_600; }

.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), 
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), 
.linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), 
.linked.vertical > entry + entry:focus.error:not(:only-child) { 

  border-top-color: @color_destructive; }

.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), 
.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), 
.linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), 
.linked.vertical > entry + entry:drop(active):not(:only-child) { 

  border-top-color: @drop_color; }

.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), 
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, 
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, 
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, 
.linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), 
.linked.vertical > entry:focus:not(:only-child) + entry, 
.linked.vertical > entry:focus:not(:only-child) + button, 
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { 

  border-top-color: @color_600; }

.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), 
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, 
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, 
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, 
.linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), 
.linked.vertical > entry:focus.error:not(:only-child) + entry, 
.linked.vertical > entry:focus.error:not(:only-child) + button, 
.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { 

  border-top-color: @color_destructive; }

.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), 
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, 
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, 
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, 
.linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), 
.linked.vertical > entry:drop(active):not(:only-child) + entry, 
.linked.vertical > entry:drop(active):not(:only-child) + button, 
.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { 

  border-top-color: @drop_color; }

treeview entry:focus:dir(rtl), 
treeview entry:focus:dir(ltr) { 

  background-color: @theme_base_color; 
  transition-property: color, background; }

treeview entry.flat, 
treeview entry { 

  border-radius: 0; 
  background-image: none; 
  background-color: @theme_base_color; }

treeview entry.flat:focus, 
treeview entry:focus { 

  border-color: @color_600; }

.entry-tag { 

  padding: 0.34375rem; 
  margin-top: 0.1375rem; 
  margin-bottom: 0.1375rem;
  border-style: none; 
  color: @selected_text_color; 
  background-color: @color_600;}

:dir(ltr) .entry-tag { 

  margin-left: 0.55rem; 
  margin-right: -0.34375rem;}

:dir(rtl) .entry-tag { 

  margin-left: -0.34375rem;
  margin-right: 0.55rem;}

.entry-tag:hover { 

  background-color: @color_200; }

.entry-tag.button { 

  background-color: transparent; 
  color: alpha(@theme_base_color,0.7);/*rgba(255, 255, 255, 0.7);*/ }

:not(:backdrop) .entry-tag.button:hover { 

  border: 1px solid @color_600; 
  color: @selected_text_color; }

:not(:backdrop) .entry-tag.button:active { 

  background-color: @color_600; 
  color: alpha(@theme_base_color,0.7);/*rgba(255, 255, 255, 0.7);*/ }

/*(((((((((( BUTTONS ))))))))))*/

@keyframes needs_attention { from { 

 background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(@color_600), to(transparent)); }
  to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color_600), to(transparent)); } }


notebook > header > tabs > arrow, 
button.sidebar-button, 
button.flat { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light,0); 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  -gtk-icon-shadow: none; 
  transition: none; }

notebook > header > tabs > arrow,
button { 

  min-height:1.5125rem; 
  min-width: 1.1rem;
  padding:0.06875rem 0.4125rem;
  border: 1px solid @borders; 
  border-radius: 0.34375rem;
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-image:linear-gradient(@button_color,shade(@button_color,0.97));
  -gtk-icon-shadow: 0 1px alpha(@shadows_light,0.769231); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.2), 0 1px 2px alpha(@shadows_dark, 0.02);}

buttonbox.vertical > button:checked:hover:active,
buttonbox.horizontal > button:checked:hover:active,
button:active.image-button.text-button.toggle:checked:hover, 
button:active:checked:hover,
buttonbox.vertical > button:active,
buttonbox.horizontal > button:active,
button:active.image-button.text-button.toggle, 
button.text-button:active,
button.image-button:active,
button:active{

  border-color: @borders;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  -gtk-icon-shadow: 0 1px alpha(@shadows_light,0.769231);
  box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.08);
  background-image: linear-gradient(shade(@button_color,0.96),@button_color);}
  
notebook > header > tabs > arrow, 
button.sidebar-button, 
button.flat { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light,0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  transition: none; }

notebook > header > tabs > arrow:hover, 
button.sidebar-button:hover,  
button.flat:hover { 

  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  transition-duration: 500ms; }

notebook > header > tabs > arrow:hover:active, 
button.sidebar-button:hover:active, 
button.flat:hover:active { 

  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

notebook > header > tabs > arrow:hover, 
button:hover { 

   
  -gtk-icon-shadow: 0 1px alpha(@selected_text_color,0.769231); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px 2px rgba(0, 0, 0, 0.02); 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-color: @borders;
  background-image:image(@button_color);
  -gtk-icon-effect: highlight; }
  
button:checked{ 

  color: @selected_text_color;  
  border-color: @borders;
  background-image: linear-gradient(to top, @color_600, @color_500);  
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.1); }
  
button:checked:hover { 

  color: @selected_text_color;  
  border-color: @borders;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.1); 
  background-image: linear-gradient(to top, @color_500, @color_500); }

notebook > header > tabs > arrow:active, 
notebook > header > tabs > arrow:checked{ 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-color: shade(@borders,0.9);   
  background-image: image(#d6d6d6); 
  box-shadow: inset 0 1px alpha(@shadows_light,0);
  -gtk-icon-shadow: none; 
  transition-duration: 50ms; }

notebook > header > tabs > arrow:disabled, 
button.sidebar-button:disabled,  
button.flat:disabled{ 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; -gtk-icon-shadow: none; }

notebook > header > tabs > arrow:disabled, 
button:disabled{ 

  border-color: @borders;
  background-image: image(transparent); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px alpha(@border_light,0);}

headerbar button{

  color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20),
				  0px -1px alpha(@headerbar_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_text_shadow_color, 0.12);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.05),1), alpha(shade(@headerbar_color,1.2),1));}

headerbar button:hover { 

 color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20),
				  0px -1px alpha(@headerbar_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_text_shadow_color, 0.12);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.15),1), alpha(shade(@headerbar_color,1.3),1));
  -gtk-icon-effect: highlight; }
  
headerbar button:checked{

 color: @headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.15),1), alpha(shade(@headerbar_color,1.0),1));}

headerbar button:disabled { 

  color: shade(@headerbar_color,0.9);
  text-shadow:    
				 -0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px  0.2px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px -0.2px alpha(shade(@headerbar_color,0.9), 0.2);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.05),1), alpha(shade(@headerbar_color,1.2),1));}

notebook > header > tabs > arrow:disabled label, 
notebook > header > tabs > arrow:disabled, 
button:disabled label, 
button:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }
				  

notebook > header > tabs > arrow:disabled:active, 
notebook > header > tabs > arrow:disabled:checked, 
button:disabled:active, 
button:disabled:checked { 

  border-color: @borders; 
  background-image: image(#e4e4e4); 
  box-shadow: inset 0 1px alpha(@shadows_light,0); }

notebook > header > tabs > arrow:disabled:active label,  
notebook > header > tabs > arrow:disabled:active, 
notebook > header > tabs > arrow:disabled:checked label,  
notebook > header > tabs > arrow:disabled:checked, 
button:disabled:active label, 
button:disabled:active, 
button:disabled:checked label, 
button:disabled:checked { 

 color: @disabled_text_color; 
 text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); }

notebook > header > tabs > arrow.image-button, 
button.image-button { 

  min-width: 1.65rem; 
  padding-left: 0.34375rem; 
  padding-right:0.34375rem;}

notebook > header > tabs > arrow.text-button, 
button.text-button { 

  padding-left: 1.1rem; 
  padding-right: 1.1rem;}

notebook > header > tabs > arrow.text-button.image-button, 
button.text-button.image-button { 

  padding-left: 0.55rem; 
  padding-right: 0.55rem;}


notebook > header > tabs > arrow.text-button.image-button label, 
button.text-button.image-button label { 

  padding-left: 0.55rem;
  padding-right: 0.55rem;}

combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),  
button:drop(active) { 

  color: @drop_color; 
  border-color: @drop_color; 
  box-shadow: inset 0 0 0 1px @drop_color; }

row:selected button { 

  border-color: @color_800; }

row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled),
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { 

  color: @selected_text_color; 
   text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: transparent; }

button.osd { 

  min-width: 1.7875rem;
  min-height: 2.2rem;
  color:@osd_button_text_color;
  text-shadow:      
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text-color, 0.15),
				  0px  2px alpha(@osd_button_text_color, 0.06);
  border-radius: 0.34375rem; 
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1.02),shade(@osd_button_color,0.88)); 
  background-clip: padding-box; 
  box-shadow: none;}

button.osd.image-button { 

  min-width: 2.3375rem;}

button.osd:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:image(@osd_button_color);
  background-clip: padding-box; 
  -gtk-icon-shadow: 0 1px @shadows_dark; 
  box-shadow: none; }

button.osd:active, 
button.osd:checked { 

  color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  -gtk-icon-shadow: none; 
  box-shadow: none; }

button.osd:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;}

.csd popover.background.touch-selection button, 
.csd popover.background.magnifier button, 
popover.background.touch-selection button, 
popover.background.magnifier button, 
.app-notification button, 
.app-notification.frame button, 
.osd button { 

  color: @osd_button_text_color;
  text-shadow:       
				 -0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0px  0.2px alpha(@osd_button_text_color, 0.2),
				  0px -0.2px alpha(@osd_button_text_color, 0.2),
				  0px -1px alpha(@color_1000, 0.12),
				  0px 1px alpha(@color_1000, 0.12),
				  1px 0px alpha(@color_1000, 0.12),
				 -1px 0px alpha(@color_1000, 0.12);
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1.02),shade(@osd_button_color,0.88));
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark; 
  }

popover.background.touch-selection button:hover, 
popover.background.magnifier button:hover, 
.app-notification button:hover, 
.osd button:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(@osd_button_color); 
  background-clip: padding-box; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

popover.background.touch-selection button:active, 
popover.background.touch-selection button:checked, 
popover.background.magnifier button:checked, 
.app-notification button:checked, 
.osd button:active,
.osd button:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9)); 
  box-shadow: none; 
  -gtk-icon-shadow: none;}

popover.background.touch-selection button:disabled, 
popover.background.magnifier button:disabled, 
.app-notification button:disabled, 
.osd button:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none; }

popover.background.touch-selection button.flat, 
popover.background.magnifier button.flat, 
.app-notification button.flat, 
.osd button.flat { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  box-shadow: none; 
  text-shadow: 0 1px @shadows_dark; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

popover.background.touch-selection button.flat:hover, 
popover.background.magnifier button.flat:hover, 
.app-notification button.flat:hover, 
.osd button.flat:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: image(@osd_button_color); 
  background-clip: padding-box; 
  box-shadow:none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

popover.background.touch-selection button.flat:disabled, 
popover.background.magnifier button.flat:disabled, 
.app-notification button.flat:disabled, 
.osd button.flat:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;}
  
popover.background.touch-selection button.flat:active, 
popover.background.magnifier button.flat:active, 
.app-notification button.flat:active, 
popover.background.touch-selection button.flat:checked, 
popover.background.magnifier button.flat:checked, 
.app-notification button.flat:checked, 
.osd button.flat:active, 
.osd button.flat:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;}

button.suggested-action { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  border-color: @borders;
  background-image: linear-gradient(to top, @color_700, @color_600);  
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1); }
  
headerbar button.suggested-action:hover,
headerbar button.suggested-action { 

  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);}
  
headerbar button.suggested-action:disabled{

  color: shade(@headerbar_color,0.9);
  text-shadow:    
				 -0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px  0.2px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px -0.2px alpha(shade(@headerbar_color,0.9), 0.2);
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(@shadows-light,0.769231); 
  box-shadow: none;
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.05),1), alpha(shade(@headerbar_color,1.2),1));}
  
headerbar button.suggested-action:disabled label{

  color: shade(@headerbar_color,0.85);
  text-shadow:    
				 -0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0.2px  0px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px  0.2px alpha(shade(@headerbar_color,0.9), 0.2),
				  0px -0.2px alpha(shade(@headerbar_color,0.9), 0.2);}
				  
button.suggested-action.flat { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: @color_600;
  text-shadow:    
				 -1px  0px alpha(@color_600, 0.06),
				  1px  0px alpha(@color_600, 0.06),
				  0px  1px alpha(@color_600, 0.06),
				  0px  2px alpha(@color_600, 0.06); }
  
button.suggested-action:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  border-color: @borders;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.511216); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
  background-image: linear-gradient(to top, @color_600, @color_600); }

 
button.suggested-action:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);   
  border-color: @borders;
  background-image: image(@color_800); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
  -gtk-icon-shadow: none; }
  
button.suggested-action:active { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border-color: @borders;
  background-image: linear-gradient(to top, @color_600, @color_700); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); 
  -gtk-icon-shadow: none; }
  
 button.suggested-action.flat:disabled { 
 
  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: @color_100; }

button.suggested-action:disabled {

  border-color: @borders; 
  background-image: image(@insensitive_bg_color); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: none; }

button.suggested-action:disabled label, 
button.suggested-action:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); } 

button.suggested-action:disabled:active, 
button.suggested-action:disabled:checked { 

  border-color: @borders;
  background-image: image(@color_600); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); }

button.suggested-action:disabled:active label, 
button.suggested-action:disabled:active, 
button.suggested-action:disabled:checked label, 
button.suggested-action:disabled:checked { 

color: @color_100; }

.osd button.suggested-action { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_500);  
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

.osd button.suggested-action:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_600); 
  background-clip: padding-box; 
  box-shadow:none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

.osd button.suggested-action:active, 
.osd button.suggested-action:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_600, @color_700); 
  background-clip: padding-box; 
  box-shadow: none;  
  -gtk-icon-shadow: none;}

.osd button.suggested-action:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image: linear-gradient(to top, @color_500, @color_500);
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none; }

button.destructive-action { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color:@borders;
  background-image: linear-gradient(to top, shade(@color_destructive,0.9), @color_destructive); 
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.606275); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.1), 0 1px 2px alpha(@shadows_dark, 0.07); }

button.destructive-action.flat { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: @color_destructive; }

button.destructive-action:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  border-color:@borders;  
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.558275); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.07); 
  background-image: linear-gradient(to top, shade(@color_destructive,1), shade(@color_destructive,1.08));}
 
button.destructive-action:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  border-color:@borders;
  background-image: linear-gradient(to top, shade(@color_destructive,0.85), shade(@color_destructive,0.85)); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); 
  -gtk-icon-shadow: none; }
 
button.destructive-action:active { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border-color:@borders;
  background-image: linear-gradient(to bottom, shade(@color_destructive,0.92), shade(@color_destructive,1.06)); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0);  
  -gtk-icon-shadow: none; }

button.destructive-action.flat:disabled { 

  border-color: transparent; 
  background-color: transparent; 
  background-image:none;
  box-shadow: inset 0 1px alpha(@shadows_light, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none;}

button.destructive-action:disabled { 

  border-color:@borders;
  background-image: linear-gradient(to top, shade(@color_destructive,0.9), @color_destructive); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); }

button.destructive-action:disabled label, 
button.destructive-action:disabled { 

  color: shade(@color_destructive,1.2);
  text-shadow:    
				 -0.2px  0px alpha(@color_destructive, 0.2),
				  0.2px  0px alpha(@color_destructive, 0.2),
				  0px  0.2px alpha(@color_destructive, 0.2),
				  0px -0.2px alpha(@color_destructive, 0.2);}
				  
button.destructive-action:disabled:active, 
button.destructive-action:disabled:checked { 

  border-color: #b2161d; 
  background-image: image(#dc1d27); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); }

button.destructive-action:disabled:active label, 
button.destructive-action:disabled:active, 
button.destructive-action:disabled:checked label, 
button.destructive-action:disabled:checked { 

  color: #f1a5a8; }

.osd button.destructive-action { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, shade(@color_destructive,0.9), @color_destructive);
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_black;}

.osd button.destructive-action:hover { 

   color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-image: linear-gradient(to top, shade(@color_destructive,1), shade(@color_destructive,1.08));
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  box-shadow: none;
  -gtk-icon-shadow: 0 1px @shadows_dark;}

.osd button.destructive-action:active, 
.osd button.destructive-action:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark,0.7);
  background-image: linear-gradient(to bottom, shade(@color_destructive,0.92), shade(@color_destructive,1.06)); 
  background-color: transparent; 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none; }

.osd button.destructive-action:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: linear-gradient(to top, shade(@color_destructive,0.9), @color_destructive);
  background-clip: padding-box; 
  box-shadow: none; 
 -gtk-icon-shadow: none; }

.stack-switcher > button { 

  outline-offset: -3px; }

.stack-switcher > button > label { 

  padding:0 0.4125rem;}
  
.stack-switcher > button > image { 

  padding: 0.20625rem 0.275rem;}
 
.stack-switcher > button.text-button { 

  padding: 0 0.6875rem;}

.stack-switcher > button.image-button { 

  padding: 0 0.1375rem;}

.stack-switcher > button.needs-attention:active > label, 
.stack-switcher > button.needs-attention:active > image, 
.stack-switcher > button.needs-attention:checked > label, 
.stack-switcher > button.needs-attention:checked > image { 

  animation: none; 
  background-image: none; }

button.font separator, 
button.file separator { 

  background-color: transparent; }

button.font > box > box > label { 

  font-weight: bold; }

.inline-toolbar button{ 

  border-radius: 2px; border-width: 1px; }

.primary-toolbar button { 

  -gtk-icon-shadow: none; }

button.circular { 

  border-radius: 9999px; 
  -gtk-outline-radius: 9999px; 
  background-origin: padding-box, border-box; 
  background-clip: padding-box, border-box; }

button.circular label { 

  padding: 0; }

button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); 
  border-color: @borders; 
  border-bottom-color: shade(@borders,0.9); 
  background-image: linear-gradient(to top, #edebe9 2px, #f6f6f6);  
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); 
  background-image: linear-gradient(to top, shade(@button_color,0.97), shade(@button_color,0.98)), linear-gradient(to top, shade(@borders,0.9) 25%, @borders 50%); 
  border-color: transparent; }

button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); 
  outline-color: rgba(46, 52, 54, 0.3); 
  border-color: @borders; 
  border-bottom-color: shade(@borders,0.9);  
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07);
  background-image: linear-gradient(to top, #f6f6f6, #f8f8f7 1px), linear-gradient(to top, shade(@borders,0.9) 25%, @borders 50%); 
  border-color: transparent; }

.stack-switcher > button.needs-attention > label, 
.stack-switcher > button.needs-attention > image, 
stacksidebar row.needs-attention > label { 

  animation: needs_attention 150ms ease-in; 
  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@color_600), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); 
  background-size: 6px 6px, 6px 6px; 
  background-repeat: no-repeat; 
  background-position: right 3px, right 4px; }

.stack-switcher > button.needs-attention > label:dir(rtl), 
.stack-switcher > button.needs-attention > image:dir(rtl), 
stacksidebar row.needs-attention > label:dir(rtl) { 

  background-position: left 3px, left 4px; }

.inline-toolbar toolbutton > button { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-color: @borders; 
  border-bottom-color: shade(@borders,0.9); 
  background-image: linear-gradient(to top, #edebe9 2px, #f6f6f6);  
 box-shadow: inset 0 1px alpha(@shadows_light, 0.769231);
  box-shadow: inset 0 1px @shadows_light, 0 1px 2px alpha(@shadows_dark,0.07); }

.inline-toolbar toolbutton > button:hover { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  outline-color: rgba(46, 52, 54, 0.3); 
  border-color: @borders; 
  border-bottom-color: shade(@borders,0.9); 
  text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  box-shadow: inset 0 1px @shadows_light, 0 1px 2px alpha(@shadows_dark, 0.07); 
  background-image: linear-gradient(to top,shade(@button_color,0.9),shade(@button_color,1)); }

.inline-toolbar toolbutton > button:active, 
.inline-toolbar toolbutton > button:checked { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  outline-color: rgba(46, 52, 54, 0.3); 
  border-color: @borders; 
  background-image: image(#d6d1cd); 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  -gtk-icon-shadow: none; }

.inline-toolbar toolbutton > button:disabled { 

  border-color: @borders; 
  background-image: image(@insensitive_bg_color); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); }

.inline-toolbar toolbutton > button:disabled label, 
.inline-toolbar toolbutton > button:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); }

.inline-toolbar toolbutton > button:disabled:active, 
.inline-toolbar toolbutton > button:disabled:checked { 

  border-color: @borders; 
  background-image: image(shade(@button,0.92)); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0);}

.inline-toolbar toolbutton > button:disabled:active label, 
.inline-toolbar toolbutton > button:disabled:active, 
.inline-toolbar toolbutton > button:disabled:checked label, 
.inline-toolbar toolbutton > button:disabled:checked { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }

.inline-toolbar toolbutton > button:backdrop:disabled:active label, 
.inline-toolbar toolbutton > button:backdrop:disabled:checked label { 

  color: #d4cfca; }

toolbar.inline-toolbar toolbutton > button.flat, 
.linked:not(.vertical) > spinbutton:not(.vertical), 
.linked:not(.vertical) > entry, 
.inline-toolbar button, .linked > button, 
.linked > button:hover, 
.linked > button:active, 
.linked > button:checked, 
filechooser .path-bar.linked > button, 
.linked > combobox > box > button.combo:dir(ltr), 
.linked > combobox > box > button.combo:dir(rtl) { 

  border-radius: 0; 
  border-right-style: none; }

.linked:not(.vertical) > spinbutton:first-child:not(.vertical), 
.linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, 
.linked > button:first-child, 
toolbar.inline-toolbar toolbutton:first-child > button.flat, 
combobox.linked button:nth-child(2):dir(rtl), 
.linked:not(.vertical) > combobox:first-child > box > button.combo, 
filechooser .path-bar.linked > button:dir(ltr):first-child, 
filechooser .path-bar.linked > button:dir(rtl):last-child { 

  border-radius: 0.34375rem 0 0 0.34375rem;
  border-right-style: none; }

.linked:not(.vertical) > spinbutton:last-child:not(.vertical), 
.linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, 
.linked > button:last-child, 
toolbar.inline-toolbar toolbutton:last-child > button.flat, 
combobox.linked button:nth-child(2):dir(ltr), 
.linked:not(.vertical) > combobox:last-child > box > button.combo, 
filechooser .path-bar.linked > button:dir(ltr):last-child, 
filechooser .path-bar.linked > button:dir(rtl):first-child { 

  border-radius: 0 0.34375rem 0.34375rem 0; 
  border-right-style: solid; }

.linked:not(.vertical) > spinbutton:only-child:not(.vertical), 
.linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, 
.linked > button:only-child, 
toolbar.inline-toolbar toolbutton:only-child > button.flat, 
.linked:not(.vertical) > combobox:only-child > box > button.combo { 

  border-radius: 0.34375rem;
  border-style: solid; }

filechooser .path-bar.linked > button:only-child { 

  border-radius: 0.34375rem;
  border-style: solid; }

.linked.vertical > spinbutton:not(.vertical), 
.linked.vertical > entry, 
.linked.vertical > button, 
.linked.vertical > button:hover, 
.linked.vertical > button:active, 
.linked.vertical > button:checked, 
.linked.vertical > combobox > box > button.combo { 

  border-style: solid solid none solid; 
  border-radius: 0; }

.linked.vertical > spinbutton:first-child:not(.vertical), 
.linked.vertical > entry:first-child, 
.linked.vertical > button:first-child, 
.linked.vertical > combobox:first-child > box > button.combo { 

  border-top-left-radius: 0.34375rem;
  border-top-right-radius: 0.34375rem;}

.linked.vertical > spinbutton:last-child:not(.vertical), 
.linked.vertical > entry:last-child, 
.linked.vertical > button:last-child, 
.linked.vertical > combobox:last-child > box > button.combo { 

  border-bottom-left-radius: 0.34375rem;
  border-bottom-right-radius: 0.34375rem; 
  border-style: solid; }

.linked.vertical > spinbutton:only-child:not(.vertical), 
.linked.vertical > entry:only-child, 
.linked.vertical > button:only-child, 
.linked.vertical > combobox:only-child > box > button.combo { 

  border-radius: 0.34375rem;
  border-style: solid; }

modelbutton.flat, .
menuitem.button.flat, 
list row button, button:link, 
button:visited, 
button:link:hover, 
button:link:active, 
button:link:checked, 
button:visited:hover, 
button:visited:active, 
button:visited:checked, 
calendar.button, 
.scale-popup button:hover, 
.scale-popup button:backdrop:hover, 
.scale-popup button:backdrop:disabled, 
.scale-popup button:backdrop { 

  background-color: transparent; 
  background-image: none; 
  border-color: transparent; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0), 0 1px alpha(@shadows_light, 0); 
  text-shadow: none; -gtk-icon-shadow: none; }

/*(((((((((( menu buttons ))))))))))*/

 
.menuitem.button.flat { 
color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  min-height: 24px;
  padding-left:6px;
  padding-right: 6px; 
  border-radius: 4px;}
  
modelbutton.flat { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  min-height: 24px;
  padding-left:6px; 
  padding-right: 6px;
  border-radius: 3px;}

modelbutton.flat:hover{ 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
	background-image: linear-gradient(to bottom right,@color_400, @color_600);}
	
modelbutton.flat:active{ 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  background-image: linear-gradient(@color_600,@color_500);
  box-shadow: inset 0 1px 2px alpha(@shadows_dark,0.16);}  
	
modelbutton.flat arrow { 

  background: none; 
  min-width: 1.1rem; 
  min-height: 1.1rem; }

modelbutton.flat arrow:hover { 

  background: none; }

modelbutton.flat arrow.left { 

  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");}

modelbutton.flat arrow.right { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");}

button.color { 

  padding: 0.275rem;  }

button.color colorswatch:only-child { 

  box-shadow: 0 1px alpha(@shadows_light,0.769231) }

button.color colorswatch:only-child, 
button.color colorswatch:only-child overlay { 

  border-radius: 0; }

.osd button.color colorswatch:only-child { 

  box-shadow: none; }

.osd button.color:disabled colorswatch:only-child, 
.osd button.color:active colorswatch:only-child, 
.osd button.color:checked colorswatch:only-child, 
button.color:disabled colorswatch:only-child, 
button.color:active colorswatch:only-child, 
button.color:checked colorswatch:only-child { 

  box-shadow: none; }

/* ((((((((( list buttons ))))))))) */

list row button {

 color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-radius: 0.34375rem;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97));
  border-color: @borders;
  -gtk-icon-shadow: 0 1px alpha(@selected_text_color,0.769231); 
  box-shadow: inset 0 1px alpha(@shadows_dark,0.01), 0 1px 2px alpha(@shadows_dark, 0.02);}
  
list row button:active {

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-image: linear-gradient(shade(@button_color,0.96),@button_color);
  box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.08);}
  
list row button.destructive-action:active{ 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border-color:@borders;
  background-image: linear-gradient(to bottom, shade(@color_destructive,0.92), shade(@color_destructive,1.06)); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0);  
  -gtk-icon-shadow: none; }  
/*(((((((((( Links ))))))))))*/

button:link > label, 
button:visited > label, 
*:link, button:link, 
button:visited { 

  color: @color_700; }

button:link > label:visited, 
button:visited > label:visited, 
*:link:visited, button:visited { 

  color: @color_900; }

*:selected button:link > label:visited, 
*:selected button:visited > label:visited, 
*:selected *:link:visited, 
*:selected button:visited:link, 
*:selected button:visited { 

  color: @color_100; }

button:link > label:hover, 
button:visited > label:hover, 
*:link:hover, 
button:hover:link, 
button:hover:visited { 

  color: @color_600; }

*:selected button:link > label:hover, 
*:selected button:visited > label:hover, 
*:selected *:link:hover, 
*:selected button:hover:link, 
*:selected button:hover:visited { 

  color: #ebf3fc; }

button:link > label:active, 
button:visited > label:active, 
*:link:active, 
button:active:link, 
button:active:visited { 

  color: @color_700; }

*:selected button:link > label:active, 
*:selected button:visited > label:active, 
*:selected *:link:active, 
*:selected button:active:link, 
*:selected button:active:visited { 

  color: @color_100; }

infobar.info *:link, 
infobar.info button:link, 
infobar.info button:visited, 
infobar.question *:link, 
infobar.question button:link, 
infobar.question button:visited, 
infobar.warning *:link, 
infobar.warning button:link, 
infobar.warning button:visited, 
infobar.error *:link, 
infobar.error button:link, 
infobar.error button:visited, 
button:link > label:selected, 
button:visited > label:selected, 
*:selected button:link > label, 
*:selected button:visited > label, 
*:link:selected, button:selected:link, 
button:selected:visited, 
.selection-mode .titlebar:not(headerbar) .subtitle:link, 
.selection-mode.titlebar:not(headerbar) .subtitle:link, 
.selection-mode headerbar .subtitle:link, 
headerbar.selection-mode .subtitle:link, 
*:selected *:link, 
*:selected button:link, 
*:selected button:visited { 

  color: @color_100; }

button:link, button:visited { 

  text-shadow: none; }

button:link:hover, 
button:link:active, 
button:link:checked, 
button:visited:hover, 
button:visited:active, 
button:visited:checked { 

  text-shadow: none; }

button:link > label, 
button:visited > label { 

  text-decoration-line: underline; }

/*(((((((((( GtkSpinButton )))))))))) */

spinbutton:not(.vertical) { 

  padding: 0; }

spinbutton:not(.vertical) entry { 

  min-width: 1.925rem;
  margin: 0; background: none; 
  background-color: transparent; 
  border: none; 
  border-radius: 0; 
  box-shadow: none; }

spinbutton:not(.vertical) button { 

  min-height: 1.1rem;
  margin: 0; 
  padding-bottom: 0; 
  padding-top: 0; 
  color: @text_color; 
  background-image: none; 
  border-style: none none none solid; 
  border-color: alpha(@borders,0.4);
  border-radius: 0; box-shadow: none; }

spinbutton:not(.vertical) button:dir(rtl) { 

  border-style: none solid none none; }

spinbutton:not(.vertical) button:hover { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: alpha(shade(@button_color,0.94),0.6);}

spinbutton:not(.vertical) button:disabled { 

  color: @disabled_text_color; 
  background-color: transparent; }

spinbutton:not(.vertical) button:active {

  background-color: alpha(shade(@button_color,0.90),0.6);
  box-shadow: inset 0 2px 3px -1px alpha(@shadows_dark, 0.2); }

spinbutton:not(.vertical) button:dir(ltr):last-child { 

  border-radius: 0 0.20625rem 0.20625rem 0; }

spinbutton:not(.vertical) button:dir(rtl):first-child { 

  border-radius: 0.20625rem 0 0 0.20625rem; }
.osd spinbutton.vertical button:first-child,
.osd spinbutton:not(.vertical) button { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.6); 
  -gtk-icon-shadow: none; 
  color: @osd_button_text_color; 
  text-shadow:        
				 -0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0px  0.2px alpha(@osd_button_text_color, 0.2),
				  0px -0.2px alpha(@osd_button_text_color, 0.2);
  border-style: none none none solid; 
  border-color: alpha(@borders_dark, 0.4); 
  border-radius: 0; 
  box-shadow: none; -gtk-icon-shadow: 0 1px black; }

.osd spinbutton:not(.vertical) button:dir(rtl) { 

  border-style: none solid none none; }
.osd spinbutton.vertical button:first-child:hover,
.osd spinbutton:not(.vertical) button:hover { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.6); 
  -gtk-icon-shadow: none; 
  color: @osd_button_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0.2px  0px alpha(@osd_button_text_color, 0.2),
				  0px  0.2px alpha(@osd_button_text_color, 0.2),
				  0px -0.2px alpha(@osd_button_text_color, 0.2);
  border-color: alpha(@borders_dark, 0.4); 
  background-color: alpha(shade(@osd_button_color,0.94),0.6);
  -gtk-icon-shadow: 0 1px @shadows_dark; 
  box-shadow: none; }

.osd spinbutton:not(.vertical) button:disabled { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);
  border-color: alpha(@borders_dark, 0.4); 
  -gtk-icon-shadow: none; 
  box-shadow: none; }

.osd spinbutton:not(.vertical) button:dir(ltr):last-child { 

  border-radius: 0 0.20625rem 0.20625rem 0; }

.osd spinbutton:not(.vertical) button:dir(rtl):first-child { 

  border-radius: 0.20625rem 0 0 0.20625rem; }

spinbutton.vertical:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }

spinbutton.vertical:drop(active) { 

  border-color: transparent; box-shadow: none; }

spinbutton.vertical entry { 

  min-height: 2.2rem; 
  min-width: 2.2rem;  
  padding: 0; 
  border-radius: 0; }

spinbutton.vertical button { 

  min-height:2.2rem; 
  min-width: 2.2rem;  
  padding: 0; }

spinbutton.vertical button.up { 

  border-radius: 0.20625rem 0.20625rem 0 0; 
  border-style: solid solid none solid;}

spinbutton.vertical button.down { 

  border-radius: 0 0 0.20625rem 0.20625rem; 
  border-style: none solid solid solid;}

.osd spinbutton.vertical button:first-child:active { 

  color: @selected_text_color; 
  border-color: alpha(@borders_dark, 0.7); 
  background-color: transparent; 
  background-image: none;
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none;}

.osd spinbutton.vertical button:first-child:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  
  border-color: alpha(@borders_dark, 0.7);
  background-color: transparent; 
  background-image: none; 
  background-clip: padding-box; 
  text-shadow: none; -gtk-icon-shadow: none; }

treeview spinbutton:not(.vertical) { 

  min-height: 0; 
  border-style: none; 
  border-radius: 0; }

treeview spinbutton:not(.vertical) entry { 

  min-height: 0; 
  padding: 1px 0.1375rem; }

/*(((((((((( ComboBoxes )))))))))) */

combobox arrow { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 
  min-height: 1.1rem;
  min-width: 1.1rem;}

combobox:drop(active) { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  box-shadow: none; }

/*(((((((((( Toolbars )))))))))) */


toolbar, .inline-toolbar, 
searchbar > revealer > box, 
.location-bar { 

  -GtkWidget-window-dragging: true; 
  padding: 0.20625rem; 
  background-color: @theme_bg_color;}

toolbar { 

  padding: 0.20625rem; }

.osd toolbar { 

  background-color: transparent; }

toolbar.osd { 

  padding: 0.89375rem;
  border: none; 
  border-radius: 0.34375rem;
  background-color: @osd_bg_color; }

toolbar.osd.left, 
toolbar.osd.right, 
toolbar.osd.top, 
toolbar.osd.bottom { 

  border-radius: 0; }

toolbar.horizontal separator { 

  margin: 0 0.48125rem 1px 0.4125rem; }

toolbar.vertical separator { 

  margin: 0.4125rem 1px 0.48125rem 0; }

toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { 

  margin-right: 1px; 
  margin-bottom: 1px; }

.inline-toolbar { 

  padding: 0.20625rem;
  border-width: 0 1px 1px; 
  border-radius: 0  0 0.34375rem 0.34375rem; }

searchbar > revealer > box, 
.location-bar { 

  border-width: 0 0 1px; 
  padding: 0.20625rem;}

searchbar > revealer > box { 

  margin: -0.4125rem; 
  padding: 0.4125rem; }

.inline-toolbar, 
searchbar > revealer > box, 
.location-bar { 

  border-style: solid; 
  border-color: @borders;}
    

/*(((((((((( Header bars )))))))))) */

headerbar { 

  padding: 0 6px;
  min-height:30px;
  border-width: 0 0 1px; 
  border-style: solid; 
  border-color: shade(@headerbar_color,0.8); 
  border-radius: 0px;
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,1.16),1), alpha(shade(@headerbar_color,1.24),0.99), alpha(shade(@headerbar_color,1.34),0.98));
  box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.6),0.76);}

headerbar.default-decoration,
.csd headerbar.default-decoration,
 headerbar.default-decoration:backdrop,
.csd headerbar.default-decoration:backdrop,
.default-decoration.titlebar:not(headerbar),
.csd .default-decoration.titlebar:not(headerbar),
.default-decoration.titlebar:backdrop:not(headerbar),
.csd .default-decoration.titlebar:backdrop:not(headerbar) {
  
  padding-left: 6px;
  padding-right: 6px;
  min-height: 30px;
  border-width:0 0 0;
  background-color: transparent;
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,1.24),1),alpha(shade(@headerbar_color,1.34),1));
  box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.4),0.4);}
  
maximized headerbar.default-decoration,
.maximized.csd headerbar.default-decoration,
.maximized headerbar.default-decoration:backdrop,
.maximized.csd headerbar.default-decoration:backdrop,
.maximized.default-decoration.titlebar:not(headerbar),
.maximized.csd .default-decoration.titlebar:not(headerbar),
.maximized.default-decoration.titlebar:backdrop:not(headerbar),
.maximized.csd .default-decoration.titlebar:backdrop:not(headerbar) {

  border-radius: 1px;
  background-color: transparent;
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.96),1), alpha(shade(@headerbar_color,1.02),1));}
    
 .titlebar:not(headerbar) .title, 
headerbar .title { 

  padding-left: 0.825rem; 
  padding-right:  0.825rem;
  font-weight: normal; 
  color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20);}
 
.titlebar:not(headerbar) .subtitle, 
headerbar .subtitle { 

  font-size: smaller; 
  color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20);
  padding-left:  0.825rem;
  padding-right:  0.825rem;}
  
.titlebar:not(headerbar) .title:backdrop, 
headerbar .title:backdrop { 

  text-shadow: none;
  opacity:0.6; }

.titlebar:not(headerbar) .subtitle:backdrop, 
headerbar .subtitle:backdrop { 

  text-shadow: none;
  opacity:0.6; }
  
headerbar.selection-mode .title{

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

.selection-mode .titlebar:not(headerbar), 
.selection-mode.titlebar:not(headerbar), 
.selection-mode headerbar, 
headerbar.selection-mode { 
  
  background-color: transparent;
  background-image: linear-gradient(@color_600,@color_700);
  box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.4),0.4);}
  
.selection-mode .titlebar:not(headerbar) button.suggested-action, 
.selection-mode.titlebar:not(headerbar) button.suggested-action, 
.selection-mode headerbar button.suggested-action, 
headerbar.selection-mode button.suggested-action,
.selection-mode .titlebar:not(headerbar) button,
 .selection-mode.titlebar:not(headerbar) button, 
 .selection-mode headerbar button, 
 headerbar.selection-mode button.toggle,
 headerbar.selection-mode button { 
 
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);   
  box-shadow:  0 1px 2px alpha(@shadows_dark, 0.07);
  border-color: @color_700; 
  background-image: linear-gradient(to top, @color_600, @color_500);  
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);}

.selection-mode .titlebar:not(headerbar) button.flat, 
.selection-mode.titlebar:not(headerbar) button.flat, 
.selection-mode headerbar button.flat, 
headerbar.selection-mode button.flat { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px alpha(@shadows_light, 0); 
  text-shadow: none; -gtk-icon-shadow: none; }
headerbar.selection-mode button.toggle:active:hover, 
headerbar.selection-mode button.toggle:checked:hover,  
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode headerbar button.suggested-action:hover, 
headerbar.selection-mode button.suggested-action:hover,
.selection-mode .titlebar:not(headerbar) button:hover, 
.selection-mode.titlebar:not(headerbar) button:hover, 
.selection-mode headerbar button:hover, 
headerbar.selection-mode button.toggle:hover,
headerbar.selection-mode button:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  box-shadow:  0 1px 2px alpha(@shadows_dark, 0.07);
  border-color: @color_700; 
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-image: linear-gradient(to top, @color_500, @color_500); }

.selection-mode .titlebar:not(headerbar) button:active, 
.selection-mode .titlebar:not(headerbar) button:checked, 
.selection-mode.titlebar:not(headerbar) button:active, 
.selection-mode.titlebar:not(headerbar) button:checked, 
.selection-mode headerbar button:active, 
.selection-mode headerbar button:checked, 
headerbar.selection-mode button.toggle:active, 
headerbar.selection-mode button.toggle:checked,
headerbar.selection-mode button:active, 
headerbar.selection-mode button:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border-color: @color_800; 
  background-image: image(@color_700); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); }

.selection-mode .titlebar:not(headerbar) button:disabled, 
.selection-mode.titlebar:not(headerbar) button:disabled, 
.selection-mode headerbar button:disabled, 
headerbar.selection-mode button.toggle:disabled,
headerbar.selection-mode button:disabled { 

  
  background-image: image(@color_600); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07);}

.selection-mode .titlebar:not(headerbar) button:disabled label, 
.selection-mode .titlebar:not(headerbar) button:disabled, 
.selection-mode.titlebar:not(headerbar) button:disabled label, 
.selection-mode.titlebar:not(headerbar) button:disabled, 
.selection-mode headerbar button:disabled label, 
.selection-mode headerbar button:disabled, 
headerbar.selection-mode button:disabled label, 
headerbar.selection-mode button:disabled { 

  color: @color_100; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode headerbar button.suggested-action:active, 
headerbar.selection-mode button.suggested-action:active,
.selection-mode .titlebar:not(headerbar) button:disabled:active, 
.selection-mode .titlebar:not(headerbar) button:disabled:checked, 
.selection-mode.titlebar:not(headerbar) button:disabled:active, 
.selection-mode.titlebar:not(headerbar) button:disabled:checked, 
.selection-mode headerbar button:disabled:active, 
.selection-mode headerbar button:disabled:checked, 
headerbar.selection-mode button:disabled:active, 
headerbar.selection-mode button:disabled:checked { 

  
  background-image: image(@color_600); 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.07); }

.selection-mode .titlebar:not(headerbar) button:disabled:active label, 
.selection-mode .titlebar:not(headerbar) button:disabled:active, 
.selection-mode .titlebar:not(headerbar) button:disabled:checked label, 
.selection-mode .titlebar:not(headerbar) button:disabled:checked, 
.selection-mode.titlebar:not(headerbar) button:disabled:active label,
.selection-mode.titlebar:not(headerbar) button:disabled:active, 
.selection-mode.titlebar:not(headerbar) button:disabled:checked label, 
.selection-mode.titlebar:not(headerbar) button:disabled:checked, 
.selection-mode headerbar button:disabled:active label, 
.selection-mode headerbar button:disabled:active, 
.selection-mode headerbar button:disabled:checked label, 
.selection-mode headerbar button:disabled:checked, 
headerbar.selection-mode button:disabled:active label, 
headerbar.selection-mode button:disabled:active, 
headerbar.selection-mode button:disabled:checked label, 
headerbar.selection-mode button:disabled:checked { 

  color: @color_100; }

/*.selection-mode .titlebar:not(headerbar) button.suggested-action, 
.selection-mode.titlebar:not(headerbar) button.suggested-action, 
.selection-mode headerbar button.suggested-action, 
headerbar.selection-mode button.suggested-action { 

  color: @text_color;
  text-shadow:   -0.2px  0px alpha(@text_color, 0.20),
				  0.2px  0px alpha(@text_color, 0.20),
				  0px  0.2px alpha(@text_color, 0.20),
				  0px -0.2px alpha(@text_color, 0.20);
  background-image: linear-gradient(to top, #edebe9, #f6f6f6); 
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 
  border-color: @color_800; }*/

/*.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover, 
.selection-mode headerbar button.suggested-action:hover, 
headerbar.selection-mode button.suggested-action:hover { 

  color: @text_color;
  text-shadow:   -0.2px  0px alpha(@text_color, 0.20),
				  0.2px  0px alpha(@text_color, 0.20),
				  0px  0.2px alpha(@text_color, 0.20),
				  0px -0.2px alpha(@text_color, 0.20); 
  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); 
  background-image: linear-gradient(to top, #f6f6f6, #f8f8f7); 
  border-color: @color_800; }*/

/*.selection-mode .titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:active, 
.selection-mode headerbar button.suggested-action:active, 
headerbar.selection-mode button.suggested-action:active { 

  color: @text_color;
  text-shadow:   -0.2px  0px alpha(@text_color, 0.20),
				  0.2px  0px alpha(@text_color, 0.20),
				  0px  0.2px alpha(@text_color, 0.20),
				  0px -0.2px alpha(@text_color, 0.20);
  background-image: image(#d6d1cd); 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  -gtk-icon-shadow: none; 
  border-color: @color_800; }*/

.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode headerbar button.suggested-action:disabled, 
headerbar.selection-mode button.suggested-action:disabled { 

  background-image: none;
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  border-color: @color_800; }

.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, 
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, 
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, 
.selection-mode headerbar button.suggested-action:disabled label, 
.selection-mode headerbar button.suggested-action:disabled, 
headerbar.selection-mode button.suggested-action:disabled label, 
headerbar.selection-mode button.suggested-action:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); }

.selection-mode .titlebar:not(headerbar) .selection-menu,
.selection-mode.titlebar:not(headerbar) .selection-menu, 
.selection-mode headerbar .selection-menu,
headerbar.selection-mode .selection-menu { 

  border-color: rgba(53, 132, 228, 0);
  background-color: rgba(53, 132, 228, 0); 
  background-image: none; 
  box-shadow: none; 
  min-height: 1.375rem; 
  padding: 0.4125rem 0.6875rem; }

.selection-mode .titlebar:not(headerbar) .selection-menu arrow, 
.selection-mode.titlebar:not(headerbar) .selection-menu arrow, 
.selection-mode headerbar .selection-menu arrow, 
headerbar.selection-mode .selection-menu arrow { 

  -GtkArrow-arrow-scaling: 1; }


.selection-mode .titlebar:not(headerbar) .selection-menu .arrow, 
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, 
.selection-mode headerbar .selection-menu .arrow, 
headerbar.selection-mode .selection-menu .arrow {

  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); 
  color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }

.tiled .titlebar:not(headerbar), 
.tiled-top .titlebar:not(headerbar), 
.tiled-right .titlebar:not(headerbar), 
.tiled-bottom .titlebar:not(headerbar), 
.tiled-left .titlebar:not(headerbar),  
.maximized .titlebar:not(headerbar), 
.fullscreen .titlebar:not(headerbar), 
.tiled headerbar,  
.tiled-top headerbar, 
.tiled-right headerbar, 
.tiled-bottom headerbar,  
.tiled-left headerbar,  
.fullscreen headerbar { 

  border-radius: 0; }
  
/***** changed to make the nautilus pathbarbox possible *****/  
  
headerbar .linked > button:checked,
.titlebar .linked > button:checked,  
headerbar button:checked,
.titlebar:not(headerbar) stackswitcher button:checked, 
.titlebar:not(headerbar) button.toggle:checked, 
headerbar .stack-switcher > button:checked, 
headerbar button.popup toggle:checked,
headerbar button.toggle:checked{ 
  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);
  background-color: transparent;
  background-image:linear-gradient(to bottom, alpha(shade(@headerbar_color,1.1),1), alpha(shade(@headerbar_color,1.2),1));
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 
                    0 1px 2px rgba(0, 0, 0, 0.07);}
                    
.titlebar .linked > button:active,
headerbar .linked > button:active,  
headerbar button:active,
.titlebar:not(headerbar) button.toggle:active,
headerbar .stack-switcher > button:checked:active, 
headerbar button.popup toggle:active,
headerbar button.toggle:active{ 

  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);
  background-color: transparent;
  background-image:linear-gradient(to bottom, alpha(shade(@headerbar_color,1.13),1), alpha(shade(@headerbar_color,1.18),1));
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px 2px alpha(shade(@headerbar_color,0.5),0.3),
                    0 1px 2px rgba(0, 0, 0, 0.07);}  
                    
headerbar .linked > button:checked:hover,
headerbar button:checked:hover,
.titlebar:not(headerbar) stackswitcher button:checked:hover, 
.titlebar:not(headerbar) button.toggle:checked:hover, 
headerbar .stack-switcher > button:checked:hover, 
headerbar button.popup toggle:checked:hover,
headerbar button.toggle:checked:hover {

  background-color: transparent;
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.15),1), alpha(shade(@headerbar_color,1.3),1));
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 
                    0 1px 2px rgba(0, 0, 0, 0.07);
  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);}
				 
headerbar .linked > button:checked:hover:active,
headerbar button:checked:hover:active,
.titlebar:not(headerbar) stackswitcher button:checked:hover:active, 
.titlebar:not(headerbar) button.toggle:checked:hover:active, 
headerbar .stack-switcher > button:checked:hover:active, 
headerbar button.popup toggle:checked:hover:active,
headerbar button.toggle:checked:hover:active {

  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);
   background-color: transparent;
  background-image:linear-gradient(to bottom, alpha(shade(@headerbar_color,1.13),1), alpha(shade(@headerbar_color,1.18),1));
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow:inset 0 1px 2px alpha(shade(@headerbar_color,0.5),0.3),
                    0 1px 2px rgba(0, 0, 0, 0.07);}  
                    
.nautilus-window .titlebar .path-bar-box{
 
  margin-top:0.34375rem;
  margin-bottom:0.275rem;
  padding:0.06875rem 0.4125rem;
  border-radius: 5px;
  border: 1px solid;
  padding-left:0px; 
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 
                    0 1px 2px rgba(0, 0, 0, 0.07);
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.05),1), alpha(shade(@headerbar_color,1.2),1)); }
 
.nautilus-window .titlebar .path-bar-box widget > .text-button{
  
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.05),1), alpha(shade(@headerbar_color,1.2),1));
  color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20),
				  0px -1px alpha(@headerbar_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_text_shadow_color, 0.12);
  border-width:0 1px 0 0;
  box-shadow:none;
  padding-left: 8px;
  padding-right: 8px;
  padding-top:0;
  padding-bottom:0;
  margin:0;}
  
.nautilus-window .titlebar .path-bar-box widget > .text-button:hover{
  
  background-image:linear-gradient(to top, alpha(shade(@headerbar_color,1.15),1), alpha(shade(@headerbar_color,1.3),1));}  

.nautilus-window .titlebar .path-bar-box widget > .text-button:active{

  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);
  background-color: transparent;
  background-image:linear-gradient(to bottom, alpha(shade(@headerbar_color,1.13),1), alpha(shade(@headerbar_color,1.18),1));} 
  
.nautilus-window .titlebar .path-bar-box widget > .text-button:not(:first-child):not(:last-child),
.nautilus-window .titlebar .path-bar-box widget > .text-button:first-child{

  margin-left: 0px;
  border: 1px solid;
  border-color: shade(@headerbar_color,0.9);
  border-style: none solid none none;}
  
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active,
.nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked{ 
 
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;}
 
.nautilus-window .titlebar .path-bar-box widget > .text-button:only-child,
.nautilus-window .titlebar .path-bar-box widget > .text-button:first-child{

  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;}
  
/***** End of changes for nautilus pathbar box ******/

headerbar button:active.popup.flat.toggle label, /*---bijgevoegd voor Gedit-filebrowser!!*/
headerbar button:checked.popup.flat.toggle label{

  color:@headerbar_selected_text_color;
  text-shadow:                   -0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_selected_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_selected_text_color, 0.20),
				  0px -1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_selected_text_shadow_color, 0.12);}

.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { 

  opacity: 0; }

headerbar button.toggle,
headerbar button.text-button,
headerbar button.image-button,
headerbar entry, 
headerbar spinbutton, 
headerbar separator:not(.sidebar), 
headerbar button { 

  margin-top: 0.34375rem;
  margin-bottom: 0.275rem;}
  
headerbar entry{

  border-radius: 0.34375rem;}

headerbar .linked:not(.vertical).path-bar > button,
headerbar .linked:not(.vertical):not(.path-bar) > button{

  margin-top:0.34375rem;
  margin-bottom:0.275rem;}

headerbar.titlebar headerbar:not(.titlebar) { 

  background: none; box-shadow: none; }

.background .titlebar { 
  
  border-top-left-radius: 9px; 
  border-top-right-radius: 9px; }

.background.tiled .titlebar,
.background.tiled-top .titlebar, 
.background.tiled-right .titlebar, 
.background.tiled-bottom .titlebar,  
.background.tiled-left .titlebar,  
.background.maximized .titlebar,  
.background.solid-csd .titlebar { 

  border-top-left-radius: 0; 
  border-top-right-radius: 0; }

window separator:first-child + headerbar, 
window headerbar:first-child { 

  border-top-left-radius: 9px; }

window headerbar:last-child { 

  border-top-right-radius: 9px; }

window stack headerbar:first-child,
window stack headerbar:last-child { 

  border-top-left-radius: 9px;
  border-top-right-radius:9px;}

window.tiled headerbar, 
window.tiled headerbar:first-child, 
window.tiled headerbar:last-child, 
window.tiled headerbar:only-child,
window.tiled-top headerbar, 
window.tiled-top headerbar:first-child, 
window.tiled-top headerbar:last-child, 
window.tiled-top headerbar:only-child, 
window.tiled-right headerbar,
window.tiled-right headerbar:first-child,
window.tiled-right headerbar:last-child,
window.tiled-right headerbar:only-child, 
window.tiled-bottom headerbar, 
window.tiled-bottom headerbar:first-child, 
window.tiled-bottom headerbar:last-child, 
window.tiled-bottom headerbar:only-child,
window.tiled-left headerbar,
window.tiled-left headerbar:first-child, 
window.tiled-left headerbar:last-child, 
window.tiled-left headerbar:only-child, 
window.maximized headerbar, 
window.fullscreen headerbar,
window.fullscreen headerbar:first-child,
.fullscreen headerbar:last-child, 
window.fullscreen headerbar:only-child, 
window.solid-csd headerbar, 
window.solid-csd headerbar:first-child,
window.solid-csd headerbar:last-child,
window.solid-csd headerbar:only-child{ 

  border-top-left-radius: 0; 
  border-top-right-radius: 0; }

window.csd > .titlebar:not(headerbar) { 

  padding: 0; 
  background-color: transparent; 
  background-image: none; 
  border-style: none; 
  border-color: transparent; 
  box-shadow: none; }
  


.titlebar:not(headerbar) separator { 

/*@borders; separator in headerbar tss links en rechts*/ 

  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.9),0.98), alpha(shade(@headerbar_color,0.96),0.98), alpha(shade(@headerbar_color,1.02),0.98));
  /*box-shadow: inset 0 1px rgba(255, 255, 255, 0.7);*/ }

window.devel headerbar.titlebar:not(.selection-mode) { 

  background: #f6f6f6 -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); color: rgba(46, 52, 54, 0.1); }

window.devel headerbar.titlebar:not(.selection-mode) label { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); }

/*(((((((((( Pathbars ))))))))))*/

.path-bar button.text-button, 
.path-bar button.image-button, 
.path-bar button { 

  padding-left: 0.275rem; 
  padding-right: 0.275rem;}

.path-bar button.text-button.image-button label { 

  padding-left: 0; 
  padding-right: 0; }

.path-bar button.text-button.image-button label:last-child, 
.path-bar button label:last-child { 

  padding-right: 0.55rem; }

.path-bar button.text-button.image-button label:first-child, 
.path-bar button label:first-child { 

  padding-left:0.55rem; }

.path-bar button image { 

  padding-left: 0.275rem; 
  padding-right: 0.275rem;}

.path-bar button.slider-button { 

  padding-left: 0; padding-right: 0; }

/*(((((((((( Tree Views )))))))))) */

treeview.view { 

  border-left-color: #979a9b; 
  border-top-color: @base_bg_color; }

* { -GtkTreeView-horizontal-separator: 4; 
-GtkTreeView-grid-line-width: 1; 
-GtkTreeView-grid-line-pattern: ''; 
-GtkTreeView-tree-line-width: 1; 
-GtkTreeView-tree-line-pattern: ''; 
-GtkTreeView-expander-size: 16; }

treeview.view:selected:focus, 
treeview.view:selected { 

  border-radius: 0; }

treeview.view:selected { 

  border-left-color: @color_200; 
  border-top-color: alpha(@text_color,0.1);}

treeview.view:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }

treeview.view:disabled:selected { 

  color: @color_100; }

treeview.view.separator { 

  min-height: 2px; 
  color: @theme_bg_color; }

treeview.view:drop(active) { 

  border-style: solid none; 
  border-width: 1px; 
  border-color: @color_800; }

treeview.view:drop(active).after { 

  border-top-style: none; }

treeview.view:drop(active).before { 

  border-bottom-style: none; }

treeview.view.expander { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 
  color: alpha(@text_color,0.9);}

treeview.view.expander:dir(rtl) { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }

treeview.view.expander:hover { 

  color: @text_color; }

treeview.view.expander:selected { 

  color: @color_100; }

treeview.view.expander:selected:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

treeview.view.expander:checked { 

  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

treeview.view.progressbar { 

  color: @selected_text_color; 
  border: 1px solid @color_800; 
  border-radius:0.275rem;
  background-color: @color_600; 
  background-image: linear-gradient(to bottom, @color_600, @color_700); 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.2); }

treeview.view.progressbar:selected:focus, 
treeview.view.progressbar:selected { 

  border-radius: 0.275rem;
  color: @color_600; 
  box-shadow: none; 
  background-image: linear-gradient(to bottom, @theme_base_color, @theme_bg_color); }

treeview.view.trough { 

  background-color: alpha(@text_color,0.1); 
  border-radius: 0.275rem; }

treeview.view.trough:selected:focus, 
treeview.view.trough:selected { 

  background-color: alpha(@color_600,0.3); 
  border-radius: 0.275rem; 
  border-width: 1px 0; 
  border-style: solid; 
  border-color: @color_600; }

treeview.view header button { 

  color: @text_color; 
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: @theme_bg_color;
  font-weight:normal;  
  box-shadow: none;}

treeview.view header button:hover { 

  background-color: @theme_bg_color;}

treeview.view button.dnd:active, 
treeview.view button.dnd:selected, 
treeview.view button.dnd:hover, 
treeview.view button.dnd, 
treeview.view header.button.dnd:active, 
treeview.view header.button.dnd:selected, 
treeview.view header.button.dnd:hover, 
treeview.view header.button.dnd { 

  padding: 0 0.4125rem;
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-image: none; 
  background-color:@color_600;
  border-style: none; 
  border-radius: 0; 
  box-shadow: inset 0 0 0 1px @selected_text_color; 
  transition: none; }

treeview.view acceleditor > label { 

  background-color: @color_600; }

treeview.view header button, 
treeview.view header button:hover, 
treeview.view header button:active { 

  padding: 0 0.4125rem; 
  background-image: none; 
  border-style: none solid solid none; 
  border-color: @borders;/*shade(@headerbar_color,1);*/ 
  border-radius: 0; }

treeview.view header button:disabled { 

  border-color: @borders; 
  background-image: none; }
  
treeview.view header button:last-child { 

  border-right-style: none; }

/*(((((((((( Menus )))))))))) */

menubar, .menubar { 

  -GtkWidget-window-dragging: true; 
  padding: 0 4px; 
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,1.16),1), alpha(shade(@headerbar_color,1.24),1));
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }

menubar > menuitem, 
.menubar > menuitem { 

  border-radius: 4px;
  margin-bottom: 3px;
  color: @headerbar_text_color;
  text-shadow:   -0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0.2px  0px alpha(@headerbar_text_color, 0.20),
				  0px  0.2px alpha(@headerbar_text_color, 0.20),
				  0px -0.2px alpha(@headerbar_text_color, 0.20),
				  0px -1px alpha(@headerbar_text_shadow_color, 0.12),
				  0px 1px alpha(@headerbar_text_shadow_color, 0.12),
				  1px 0px alpha(@headerbar_text_shadow_color, 0.12),
				 -1px 0px alpha(@headerbar_text_shadow_color, 0.12); 
  min-height: 16px; 
  padding: 2px 12px;}

menubar > menuitem:hover, 
.menubar > menuitem:hover { 

  background-image:image(@headerbar_selected_accent_color);
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

menubar > menuitem:disabled, 
.menubar > menuitem:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12); 
  box-shadow: none; }

.background.popup { 
  
  background-color: transparent; }

menu, 
.menu, 
.context-menu { 
  
  border-radius:7px;
  margin: 0.275rem;/*4px;*/ 
  padding: 0.275rem 0; 
  background-color:@sidebar_bg_color;
  background-image: linear-gradient(245DEG,alpha(shade(@sidebar_bg_color,0.92),0.98),transparent);}
  
menubar > menuitem menu,
.menubar > menuitem menu {
  
  border-radius: 0 0 7px 7px;}

menubar > menuitem menu menu,
.menubar > menuitem menu menu {

   border-radius: 7px;}

.csd menu, 
.csd .menu, 
.csd .context-menu { 

  border: 1px solid @borders;}

menu menuitem, 
.menu menuitem, 
.context-menu menuitem {
color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  min-height: 1.1rem;
  min-width: 2.75rem; 
  padding: 0.20625rem 0.4125rem;}

menu menuitem:hover, 
.menu menuitem:hover, 
.context-menu menuitem:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  background-color: transparent;
  background-image: linear-gradient(to bottom right, shade(@color_400, 1.1),@color_600); }
  
menu menuitem:disabled, 
.menu menuitem:disabled, 
.context-menu menuitem:disabled { 

  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }

menu menuitem arrow, 
.menu menuitem arrow, 
.context-menu menuitem arrow { 

  min-height: 1.1rem; 
  min-width: 1.1rem;}

menu menuitem arrow:dir(ltr), 
.menu menuitem arrow:dir(ltr), 
.context-menu menuitem arrow:dir(ltr) { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 
  margin-left: 0.6875rem;}

menu menuitem arrow:dir(rtl), 
.menu menuitem arrow:dir(rtl), 
.context-menu menuitem arrow:dir(rtl) {
 
  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); 
  margin-right: 0.6875rem;}

menu menuitem label:dir(rtl), 
menu menuitem label:dir(ltr), 
.menu menuitem label:dir(rtl), 
.menu menuitem label:dir(ltr), 
.context-menu menuitem label:dir(rtl), 
.context-menu menuitem label:dir(ltr) { 

  color: inherit; }

menu > arrow, 
.menu > arrow, 
.context-menu > arrow { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  min-height: 1.1rem;
  min-width: 1.1rem; 
  padding: 0.275rem; 
  /*background-color: #ffffff;*/ 
  border-radius: 0; }

menu > arrow.top, 
.menu > arrow.top, 
.context-menu > arrow.top { 

  margin-top: -0.4125rem;
  border-bottom: 1px solid shade(@borders, 1.1); 
  border-top-right-radius: 0.34375rem;
  border-top-left-radius: 0.34375rem; 
  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }

menu > arrow.bottom, 
.menu > arrow.bottom, 
.context-menu > arrow.bottom { 

  margin-bottom: -0.4125rem;
  border-top: 1px solid shade(@borders, 1.1); 
  border-bottom-right-radius: 0.34375rem;
  border-bottom-left-radius: 0.34375rem;
  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

menu > arrow:hover, 
.menu > arrow:hover, 
.context-menu > arrow:hover { 

  background-color: shade(@borders, 1.1); }
  
menu > arrow:disabled, 
.menu > arrow:disabled, 
.context-menu > arrow:disabled { 

  color: transparent; 
  background-color: transparent; 
  border-color: transparent; }

menuitem accelerator { 

  color: alpha(currentColor,0.55); }

menuitem check, 
menuitem radio { 

  min-height: 16px;
  min-width: 16px;}

menuitem check:dir(ltr), 
menuitem radio:dir(ltr) { 

  margin-left: 0px;
  margin-right: 8px;}

menuitem check:dir(rtl), 
menuitem radio:dir(rtl) { 
  margin-left: 8px;
  margin-right: 0px;}

/*(((((((((( Popovers)))))))))) */

.popover_bg,
popover.background,
popover{
 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border: none;
  padding: 0;
  border-radius:7px;
  background-color:@sidebar_bg_color;
  background-image: linear-gradient(245DEG,alpha(shade(@sidebar_bg_color,0.92),0.98),transparent);
  /*background-color:transparent;
  background-image:linear-gradient(to bottom left,alpha(@bg_gradient_a, 0.96), alpha(@bg_gradient_b, 0.96)),
  linear-gradient(to top,alpha(@bg_gradient_c,0.3) ,alpha(@bg_gradient_d,0.52),alpha(@bg_gradient_d,0.52),alpha(@bg_gradient_c,0.3));*/
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);}

popover.background > list, 
popover.background > .view, 
popover.background > iconview, 
popover.background > toolbar { 

  border-style: none; 
  background-color: transparent; }

.csd popover.background.touch-selection, 
.csd popover.background.magnifier, 
popover.background.touch-selection, 
popover.background.magnifier { 

  border: 1px solid alpha(@borders_dark,0.1); }

popover.background separator { 

  padding:0px;
  margin: 0px; }

popover.background list separator { 

  margin: 0px;
  padding:0px;}

/*((((((((( Notebooks and tabs  ))))))))))*/

/*((((((((( Notebooks ))))))))))*/

/*.nautilus-window,
.nautilus-window notebook{*/

  /*background-color: transparent;*/
/*  border-radius: 0 0 9px 0px;}*/

  
notebook > header { 
  
  margin:0px;
  margin-top:0px;
  padding:2px; 
  border:none;
  background-color: @base_bg_color;/*shade(@headerbar_color,1.04);*/}

notebook > header.top > tabs { 
 
 
  border: 0px solid;}
  
notebook > header.top > tabs > tab:hover { 

/* background-image: linear-gradient(to top,shade(@headerbar_color,0.94),shade(@headerbar_color,0.94));*/
  }

notebook > header.top > tabs > tab:checked:hover,
notebook > header.top > tabs > tab:checked { 

  background-image:linear-gradient(alpha(shade(@color_accent_3,0.95),1), alpha(shade(@color_accent_3,0.88),1));
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);  
  border-top-color: shade(@headerbar_color,0.88);
  border-right-color: shade(@headerbar_color,0.88);
  box-shadow: none;/*0 1px 2px rgba(0,0,0,0.2);*/}

notebook > header.top > tabs > tab.reorderable-page:hover,
notebook > header.top > tabs > tab.reorderable-page {
margin-top: -2px;
/*border-right: 1px solid shade(@headerbar_color,0.88);*/
margin-left: 0px;
background-image:linear-gradient(to top,shade(@headerbar_color,1.06),shade(@headerbar_color,1.06));
background-color: transparent;
color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);}

notebook > header.top > tabs > tab:checked.reorderable-page:hover,
notebook > header.top > tabs > tab:checked.reorderable-page {
margin-top: -1px;
background-color:  transparent;
background-image:linear-gradient(to top,shade(@headerbar_color,1.1),shade(@headerbar_color,1.16));
color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); }

notebook > header.bottom { 

  border-top-style: solid; }

notebook > header.bottom > tabs { 

  margin-top: -2px;}

notebook > header.left { 
  
  border-right-style: solid; }

notebook > header.left > tabs { 

  margin-right: -2px;}

notebook > header.right { 

  border-left-style: solid; }

notebook > header.right > tabs { 

  margin-left: -2px;}

notebook > header.top > tabs > arrow { 
  
  border-top-style: none; }

notebook > header.bottom > tabs > arrow { 

  border-bottom-style: none; }

notebook > header.top > tabs > arrow, 
notebook > header.bottom > tabs > arrow { 

  margin-left: -5px; 
  margin-right: -5px;
  padding-left: 4px;
  padding-right: 4px; }

notebook > header.top > tabs > arrow.down, 
notebook > header.bottom > tabs > arrow.down { 

  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }

notebook > header.top > tabs > arrow.up, 
notebook > header.bottom > tabs > arrow.up { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }

notebook > header.left > tabs > arrow { 

  border-left-style: none; }

notebook > header.right > tabs > arrow { 

  border-right-style: none; }

notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { 

  margin-top: -5px;
  margin-bottom: -5px; 
  padding-top:4px; 
  padding-bottom:4px; }

notebook > header.left > tabs > arrow.down, 
notebook > header.right > tabs > arrow.down { 

  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }

notebook > header.left > tabs > arrow.up, 
notebook > header.right > tabs > arrow.up { 

  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

notebook > header > tabs > arrow { 

  min-height: 16px; 
  min-width: 16px; 
  border-radius: 0; }

notebook > header > tabs > arrow:disabled { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; -gtk-icon-shadow: none; }

notebook > header tab { 

  min-height: 24px;
  min-width: 30px; 
  padding: 2px 10px;
  margin-top:6px;
  margin-bottom: 2px;
  margin-left:3px;
  margin-right:3px;
  border: 1px solid @borders; 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  font-weight: normal; 
  background-image:linear-gradient(@button_color,shade(@button_color,0.97));
  -gtk-icon-shadow: 0 1px alpha(@shadows_light,0.769231); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.2), 0 1px 2px alpha(@shadows_dark, 0.02);
 /* background-color: @button_color;*//*transparent;*//*--- inactive tab normal*/
  border-radius: 5px;}
  
notebook > header tab.reorderable-page { 

  min-height: 22px;
  min-width: 30px; 
  padding: 0px 12px;
  margin:0px;
  border-radius: 0px;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
				  
  font-weight: normal;}
  
notebook > header tab:hover { 

  color: shade(@text_color, 0.8);
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
 background-image:image(@button_color);}
notebook > header tab:hover.reorderable-page { 
 
  background-image:linear-gradient(to top,shade(@headerbar_color,0.94),shade(@headerbar_color,0.94));}/*---hover inactive tab*/

notebook > header tab:checked { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12); }

notebook > header tab:checked.reorderable-page:hover,
notebook > header tab:checked.reorderable-page { 

  margin-top: 0px;
  margin-left: 1px;
  margin-right: -1px;
  background-image:linear-gradient(shade(@headerbar_selected_accent_color,1.05), shade(@headerbar_selected_accent_color,0.95)); }/*---active tab normal*/

notebook > header tab button.flat { 

  border-radius: 2px;
  color: rgba(0,0,0,0.3);
  padding: 1px; 
  margin-top: 1px;
  margin-bottom: 1px;
  min-width: 20px;
  min-height: 20px; 
  border-color: transparent;
  background-color: rgba(0,0,0,0.0);
  background-image: none;
  box-shadow: none;}

notebook > header tab button.flat:hover { 

  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: alpha(@text_color,0.6); }

notebook > header tab button.flat:last-child { 

  margin-left:  4px;
  margin-right: -4px; }

notebook > header tab button.flat:first-child { 

  margin-left: -4px; 
  margin-right:  4px; }

notebook > header.top tabs:not(:only-child):first-child, 
notebook > header.bottom tabs:not(:only-child):first-child { 

  margin-left: -1px; }

notebook > header.top tabs:not(:only-child):last-child, 
notebook > header.bottom tabs:not(:only-child):last-child { 

  margin-right: -1px; }

notebook > header.top tabs tab.reorderable-page, 
notebook > header.bottom tabs tab.reorderable-page { 

  border-style: none solid;}

notebook > header.left tabs, 
notebook > header.right tabs { 

  padding-top: 4px;
  padding-bottom: 4px;}

notebook > header.left tabs:not(:only-child):first-child, 
notebook > header.right tabs:not(:only-child):first-child { 

  margin-top: -1px; }

notebook > header.left tabs:not(:only-child):last-child, 
notebook > header.right tabs:not(:only-child):last-child { 

  margin-bottom: -1px; }

notebook > header.left tabs tab.reorderable-page, 
notebook > header.right tabs tab.reorderable-page { 

  border-style: solid none; }

notebook > header.top tab { 

  padding-top: 0px;
  padding-bottom: 0px; }

notebook > header.bottom tab { 

  padding-top: 1px; }

notebook > header > tabs > tab button.sidebar-button {

  border-radius: 3px;
  background-color:red;}
  
notebook > header > tabs > tab button.sidebar-button:hover {

  border-color: transparent;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #ff4d4d; }

/*(((((( End Notebook and Tabs )))))))*/

/*(((((((((( Scrollbars ))))))))))*/

scrollbar { 

  background-color: transparent; 
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

* { -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; }

scrollbar.top { border-bottom: 1px solid @borders; }

scrollbar.bottom { border-top: 1px solid @borders; }

scrollbar.left { border-right: 1px solid @borders; }

scrollbar.right { border-left: 1px solid @borders; }

scrollbar slider { 

  min-width: 0.4125rem;
  min-height: 0.4125rem;
  margin: -1px; 
  border: 3px solid transparent; 
  border-radius: 0.55rem;
  background-clip: padding-box; 

  background-color:#9ca0a1;}
scrollbar slider:hover { 

  background-color:#7e8182;
  border-color:transparent; }

scrollbar slider:hover:active { 

  background-color:alpha(shade(@color_accent, 0.9),1);
  border-color:transparent; }

scrollbar slider:disabled { background-color: transparent; }

scrollbar.fine-tune slider { 
  
  margin:-3px;
  min-width: 0.4125rem;
  min-height: 0.4125rem;
 /* min-width: 0.275rem;
  min-height:0.275rem;*/}

scrollbar.fine-tune.horizontal slider { border-width: 0.3475rem 0.275rem; }

scrollbar.fine-tune.vertical slider { border-width: 0.275rem 0.3475rem; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering) { 

  border-color: transparent; 
  opacity: 0.4; 
  background-color: transparent; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { 

  margin: 0; 
  min-width: 0.20625rem;
  min-height: 0.20625rem;
  background-color: #363636; 
  border: 1px solid @button_color; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { 

  min-width: 0.34375rem;
  min-height: 0.34375rem;
  background-color: #363636; 
  background-clip: padding-box; 
  border-radius: 100%; 
  border: 1px solid @button_color; 
  -gtk-icon-source: none; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { 

  margin: 0 2px; 
  min-width: 2.75rem; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { 

  margin: 1px 2px; 
  min-width: 0.34375rem; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { 

  margin: 2px 0; 
  min-height: 2.75rem; }

scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 0.34375rem;}

scrollbar.overlay-indicator.dragging, 
scrollbar.overlay-indicator.hovering { opacity: 0.8; }

scrollbar.horizontal slider { min-width: 2.75rem;}

scrollbar.vertical slider { min-height: 2.75rem;}

scrollbar button { 

  padding: 0; 
  min-width: 0.825rem;
  min-height: 0.825rem;
  border-style: none; 
  border-radius: 0; 
  transition-property: min-height, min-width, color; 
  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; color: #7e8182; }

scrollbar button:hover { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  background-color: #565b5c;}

scrollbar button:active, 
scrollbar button:checked { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: @color_700; }

scrollbar button:disabled { 

  border-color: transparent; 
  background-color: transparent; 
  background-image: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  color: rgba(126, 129, 130, 0.2); }

scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }

scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }

scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }

treeview ~ scrollbar.vertical { border-top: 1px solid @borders; margin-top: -1px; }

/*((((((((( Switch ))))))))))*/

switch {

  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
  margin: 4px 0.275rem;
  padding: 1px 2px;
  border-radius: 100px;
  background-color: @theme_bg_color;
  background-clip: padding-box;
  font-size: 0;
  color: transparent;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);}

switch:disabled {

  opacity: 0.5;}

switch:checked {

  background-image: linear-gradient(shade(@headerbar_color,0.65),shade(@headerbar_color,0.58));}

switch image {

  margin: -8px;}

switch slider {

  transition: all 300ms cubic-bezier(0, 0, 0.2, 1);
  min-width: 20px;
  min-height: 20px;
  margin: -2px -5px;
  border-radius: 9999px;
  border: 1px solid;
  border-color: shade(@headerbar_color,0.8);/*#ababab;*/
  box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: @theme_bg_color;/*#f7f7f7;*/
  color: transparent;}

switch:checked slider {

  background-color: @theme_bg_color;
  color: transparent;
  border: 1px solid;
  border-color: shade(@headerbar_color,0.68);}

headerbar switch { 
  
  margin-top: 0.55rem; 
  margin-bottom:0.55rem; }
  
headerbar switch:checked{

  background-color: #a5a5a5;}

headerbar switch:checked slider {

  background-color: @headerbar_color;
  color: transparent;
  border: 1px solid;
  border-color: shade(@headerbar_color,0.6);
  box-shadow: none;}

/*(((((((((( Check and Radio items )))))))))) */

.view.content-view.check:not(list), 
iconview.content-view.check:not(list), 
.content-view .tile check:not(list) { 

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  border-radius: 8px;
  background-image: linear-gradient(@color_600, @color_700);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1);
  min-width: 2.75rem; 
  min-height: 2.75rem;}

.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), 
.content-view .tile check:hover:not(list) {

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  border-radius: 8px;
  background-image: linear-gradient( @color_500, @color_600);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1); 
  min-width: 2.75rem;
  min-height: 2.75rem;}

.view.content-view.check:active:not(list), 
iconview.content-view.check:active:not(list), 
.content-view .tile check:active:not(list) {

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  border-radius: 8px;
  background-image: linear-gradient(@color_800, @color_800);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1); 
  min-width: 2.75rem;
  min-height: 2.75rem;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic@2.svg"))); }

.view.content-view.check:checked:not(list), 
iconview.content-view.check:checked:not(list), 
.content-view .tile check:checked:not(list) { 

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  background-image: linear-gradient(@color_800, @color_800);
  border-radius: 8px;
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  min-width: 2.75rem;
  min-height: 2.75rem;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic@2.svg"))); }

.view.content-view.check:checked:hover:not(list), 
iconview.content-view.check:checked:hover:not(list), 
.content-view .tile check:checked:hover:not(list) { 

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  background-image: linear-gradient(@color_800, @color_800);
  border-radius: 8px;
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  min-width: 2.75rem;
  min-height: 2.75rem;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic@2.svg"))); }
  
.view.content-view.check:checked:active:not(list), 
iconview.content-view.check:checked:active:not(list), 
.content-view .tile check:checked:active:not(list) { 

  border: 1px solid;
  color: @selected_text_color;
  border-color: @color_900; 
  background-image: linear-gradient(@color_800, @color_800);
  border-radius: 8px;
  box-shadow: 0 1px 2px alpha(@shadows_dark, 0.1);
  text-shadow: none;
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  background-color: transparent; 
  min-width: 2.75rem;
  min-height: 2.75rem;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic@2.svg"))); }

checkbutton.text-button, 
radiobutton.text-button { 

  padding: 4px 0; 
  outline-offset: 0;}

checkbutton.text-button label:not(:only-child):first-child, 
radiobutton.text-button label:not(:only-child):first-child { 

  margin-left: 0.275rem;}

checkbutton.text-button label:not(:only-child):last-child, 
radiobutton.text-button label:not(:only-child):last-child { 

  margin-right: 0.275rem;}


/*((((((  RADIO  )))))))))))*/  

radio,
radio:hover{ 

  border: 1px solid;
  border-radius: 100%;
  border-color: shade(@borders,0.9); 
  text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  background-image:linear-gradient(to top,@button_color,shade(@button_color,0.97));
  background-color: transparent;
  color: alpha(@text_color,0.9);
  margin: 0 0.4125rem;
  min-height:14px;
  min-width: 14px;
  -gtk-icon-source: none;}
  
radio:checked,
radio:checked:hover{ 

  color: @selected_text_color;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/bullet-symbolic.svg")));
  /*-gtk-icon-transform: scale(1.0);*/
  -gtk-icon-shadow:
				  0px -1px alpha(@shadow_dark, 0.08),
				  0px  1px alpha(@shadow_dark, 0.08),
				  1px  0px alpha(@shadow_dark, 0.08),
				 -1px  0px alpha(@shadow_dark, 0.08); 
  border-color: @color_700;
  background-color: @color_600;
  background-image:linear-gradient(to top,@color_600,@color_700);}

radio:checked:disabled{

  color: @disabled_text_color;
  -gtk-icon-source: none; 
  border-color: shade(@borders,0.9); 
  background-image: none;
  background-color: transparent;}

radio:only-child { 

  margin: 0; }
 
 
popover radio.left:dir(rtl) { 

  margin-left: 0; 
  margin-right: 12px;}

popover radio.right:dir(ltr) { 

  margin-left: 12px; 
  margin-right: 0; }

radio:indeterminate,
radio:indeterminate:hover{ 

  color: @selected_text_color;
  border-color: @color_700;
  -gtk-icon-shadow:
				  0px -1px alpha(@shadow_dark, 0.08),
				  0px  1px alpha(@shadow_dark, 0.08),
				  1px  0px alpha(@shadow_dark, 0.08),
				 -1px  0px alpha(@shadow_dark, 0.08);
  background-color: transparent;
  background-image:linear-gradient(to top,@color_600,@color_600);
  box-shadow: none;
  text-shadow: none; }

radio:disabled { 

  border-color: @borders; 
  background-image: image(@insensitive_bg_color); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); }

radio:disabled label, 
radio:disabled { 

  color: @disabled_text_color;}

row:selected radio { 

  border-color: @color_600; }
 
.osd radio { 

  color:@osd_button_text_color;
  text-shadow:      
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text-color, 0.15),
				  0px  2px alpha(@osd_button_text_color, 0.06);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1.02),shade(@osd_button_color,0.88));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}
 
.osd radio:hover { 
 color:@osd_button_text_color;
  text-shadow:      
				 -1px  0px alpha(@osd_button_text_color, 0.06),
				  1px  0px alpha(@osd_button_text_color, 0.06),
				  0px  1px alpha(@text-color, 0.15),
				  0px  2px alpha(@osd_button_text_color, 0.06);
  border-color: alpha(@borders_dark,0.7);
  background-color: transparent; 
  background-image:linear-gradient(shade(@osd_button_color,1),shade(@osd_button_color,1));
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}
 
.osd radio:active { 

 color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
  -gtk-icon-shadow: none; 
  box-shadow: none;  }

 
.osd radio:disabled {
 
  color: @disabled_text_color;
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;}
  
/*(((((((((((( popover radio )))))))))))))*/

popover radio,
popover radio:hover,
popover radio checked:hover,
popover radio:disabled {

  -gtk-icon-source: image(-gtk-recolor(url("graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 9999px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;}
  
 
popover radio:checked,
popover radio:active {
 
  color: @text_color;
  background-image: none;
  box-shadow: none;
  -gtk-icon-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/bullet-symbolic.svg")));}
  
popover radio:hover:checked{
 
  color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  -gtk-icon-shadow: 0 1px alpha(@shadow_dark,0.6);
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/bullet-symbolic.svg")));}
  
/*(((((((((((( menu menuitem radio )))))))))))))*/

menu menuitem radio checked:hover,
menu menuitem radio, 
menu menuitem radio:hover, 
menu menuitem radio:disabled {

  -gtk-icon-source: image(-gtk-recolor(url("graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 9999px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;}
  
menu menuitem radio:checked, 
menu menuitem radio:active {
 
  color: @text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/bullet-symbolic.svg")));} 
  
menu menuitem radio:checked:hover{

  color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: 0 1px alpha(@shadow_dark,0.6);
  -gtk-icon-source: image(-gtk-recolor(url("graphics/bullet-symbolic.svg")));}

treeview.view radio:indeterminate:selected, 
radio:indeterminate { 

  -gtk-icon-transform: scale(1.0);
  -gtk-icon-source: image(-gtk-recolor(url("graphics/list-remove-symbolic.svg")));} 

radio:not(:indeterminate):not(:checked):active:not(:backdrop) {

  -gtk-icon-transform: scale(0); }

radio:active { 

  -gtk-icon-transform: 

 scale(0, 1); }

menu menuitem radio:checked:not(:backdrop), 
menu menuitem radio:indeterminate:not(:backdrop){
 
  transition: none; }

treeview.view radio:selected:focus, 
treeview.view radio:selected { 

  color: @selected_text_color; 
  border-color: @color_800; }

 
treeview.view radio:selected:disabled { 

  color: @disabled_text_color; }
    
/*(((((((((((( CHECK   )))))))))))*/

check,
check:hover{ 

  border: 1px solid;
  border-radius: 4px;
  color: alpha(@text_color,0.9);
  margin: 0 6px;
  min-height:14px;
  min-width: 14px;
  border-color: shade(@borders,0.9); 
  text-shadow: 0 1px alpha(@shadows_light, 0.769231); 
  -gtk-icon-shadow: 0 1px alpha(@shadows_light, 0.769231);
  background-image:linear-gradient(to top,@button_color,shade(@button_color,0.97));
  -gtk-icon-shadow: none;
  -gtk-icon-source: none;}

check:indeterminate,
check:indeterminate:hover,
check:checked:selected,
check:checked:selected:hover,
check:checked:hover,
check:hover:checked,
check:checked,
check:active{ 

  color: @selected_text_color;
  border-color: @color_600;
  background-color: @color_600;
  background-image:linear-gradient(to top,@color_600,@color_700);
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px @color_1000; }

check:only-child { 

  margin: 0; } 

popover check.left:dir(rtl) { 

  margin-left: 12px; 
  margin-right: 0px;}

popover check.right:dir(ltr) { 

 margin-left: 0px;
  margin-right: 0px; }
  
check:checked:disabled,   
check:disabled{ 

  border-color: shade(@borders,0.9); 
  background-image: image(@insensitive_bg_color); 
  text-shadow: none; -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
  
check:disabled label, check:disabled{ 

  color: rgba(255,255,255,0.5);}
  
check:checked:selected,
check:checked:selected:hover,
check:checked:hover,
check:hover:checked,
check:hover:selected,
check:checked,
check:active{ 

  color: @selected_text_color;
  border-color: @color_700;
  background-color: @color_600;
  background-image:linear-gradient(to top,@color_600,@color_700);
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8); 
  -gtk-icon-transform: scale(0.9,1); 
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic.svg")));}

check:indeterminate,
check:indeterminate:hover {

  color: @selected_text_color;
  border-color: @color_600;
  background-color: @color_600;
  background-image:linear-gradient(to top,@color_600,@color_700);
  box-shadow: none;
  text-shadow: none;
  -gtk-icon-shadow: 0 1px @color_1000; 
  -gtk-icon-transform: scale(0.9,1);
  -gtk-icon-source: image(-gtk-recolor(url("graphics/list-remove-symbolic.svg")));}

check:not(:indeterminate):not(:checked):active:not(:backdrop) {}
  
menu menuitem check:checked:not(:backdrop), 
menu menuitem check:indeterminate:not(:backdrop) { 
 
  transition: none; }
 
treeview.view check:selected:focus, 
treeview.view check:selected{

  color: @selected_text_color; 
  border-color: @color_800; }
  
treeview.view check:selected:disabled{
  
  color: @disabled_text_color;}

row:selected check{ 

  border-color: @color_800; }

.osd check:active { 

  color: @selected_text_color; 
  border-color: alpha(@borders_dark,0.7); 
  background-color: transparent; 
  background-image: image(shade(@osd_button_color,0.9));  
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  -gtk-icon-shadow: none; 
  box-shadow: none; }
   
.osd check:disabled {
 
  color: @disabled_text_color;
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.12),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  
  border-color: alpha(@borders_dark,0.7);  
  background-color: transparent; 
  background-image: image(alpha(@osd_button_color,0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  -gtk-icon-shadow: none;}
  
  
 /*(((((((((( popover check )))))))))))))*/ 

popover check,
popover check:hover,
popover check:checked:hover,
popover check:disabled {

  -gtk-icon-source: image(-gtk-recolor(url("graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius:4px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;}
  

popover check:checked,
popover check:active {
 
  color: @text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic.svg")));}
  
popover check:hover:checked{

  color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8);
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic.svg")));}
  
/*(((((((((((( menu menuitem check )))))))))))))*/

menu menuitem check:checked:hover,
menu menuitem check, 
menu menuitem check:hover, 
menu menuitem check:disabled {

  -gtk-icon-source: image(-gtk-recolor(url("graphics/Null.svg")));
  color:transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 4px;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-shadow: none;
  min-height:14px;
  min-width: 14px;}
  
menu menuitem check:checked, 
menu menuitem check:active {
 
  color: @text_color;
  background-image: none;
  box-shadow: none;
  -gtk-icon-shadow: none;
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic.svg")));}
 
menu menuitem check:hover:checked{

  color: @selected_text_color;
  background-image: none;
  box-shadow: none;
  -gtk-icon-shadow: 0 1px alpha(@shadows_dark,0.8);
  background-color: alpha(@button_color,0.4);
  border-color: transparent;
  -gtk-icon-source: image(-gtk-recolor(url("graphics/object-select-symbolic.svg")));}
   

/*((((((((( nautilus floating bar ))))))))))*/

.nautilus-window .floating-bar {

  margin: 0.52875rem;
  padding: 0.06875rem;
  background-color: alpha(@color_600,0.82);
  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);			 
  border-radius: 3px; }

.nautilus-window .floating-bar button {

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: rgba(255, 255, 255, 0);
  border-color: alpha(@button_color,0.5); }

.nautilus-window .floating-bar button.flat{

  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: rgba(255, 255, 255, 0); }

.nautilus-window .floating-bar button.sidebar-button {

  border-color: transparent;
  background-color: transparent;
  background-image: none;
  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: rgba(255, 255, 255, 0); }

.nautilus-window .floating-bar button.flat:disabled{

  color: alpha(@selected_text_color, 0.4); }

.nautilus-window .floating-bar button.sidebar-button:disabled{

  color: alpha(@selected_text_color, 0.4); }

.nautilus-window .floating-bar button.flat:disabled label{

  color: alpha(@selected_text_color, 0.4); }

.nautilus-window .floating-bar button.sidebar-button:disabled label {

  color: alpha(@selected_text_color, 0.4); }

.nautilus-window .floating-bar button:hover {

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: alpha(@button_color,0.2);
  border-color: alpha(@button_color,0.8); }

.nautilus-window .floating-bar button:active{

  color: @color_600;
  background-color: @selected_text_color;
  border-color: @selected_text_color; }

.nautilus-window .floating-bar button:active:hover{

  color: @color_600;
  background-color: @selected_text_color;
  border-color: @selected_text_color; }

.nautilus-window .floating-bar button:checked {

  color: @color_600;
  background-color: @selected_text_color;
  border-color: @selected_text_color; }

.nautilus-window .floating-bar button:disabled {

  background-color: rgba(255, 255, 255, 0);
  border-color: alpha(@selected_text_color,0.4); }

.nautilus-window .floating-bar button:disabled{

  color: alpha(@selected_text_color,0.5); }

.nautilus-window .floating-bar button:disabled label {

  color: alpha(@selected_text_color,0.5); }

.nautilus-window .floating-bar button:disabled:active{

  color: @color_600;
  background-color: alpha(@selected_text_color,0.5);
  border-color: alpha(@selected_text_color,0.5); }

.nautilus-window .floating-bar button:disabled:checked {

  color: @color_600;
  background-color: alpha(@selected_text_color,0.5);
  border-color: alpha(@selected_text_color,0.5); }

/*(((((((((( GtkScale ))))))))))*/

scale trough, 
scale fill, 
progressbar trough { 

  border: 1px solid @borders; 
  border-radius: 3px; 
  background-color: @borders;}

scale trough:disabled, 
scale fill:disabled, 
progressbar trough:disabled { 

  border: 1px solid alpha(@borders,0.8);
  background-color: alpha(@borders,0.8);}

row:selected scale trough:disabled, 
scale row:selected trough:disabled, 
row:selected scale fill:disabled, 
scale row:selected fill:disabled, 
row:selected progressbar trough:disabled, 
progressbar row:selected trough:disabled, 
row:selected scale trough, 
scale row:selected trough, 
row:selected scale fill, 
scale row:selected fill, 
row:selected progressbar trough, 
progressbar row:selected trough { 

  border-color: @color_600; }

.osd scale trough, 
scale .osd trough, 
.osd scale fill, 
scale .osd fill, 
.osd progressbar trough, 
progressbar .osd trough { 

  border-color: alpha(@borders_dark, 0.7); 
  background-color: alpha(@borders_dark, 0.5); }

.osd scale trough:disabled, 
scale .osd trough:disabled, 
.osd scale fill:disabled, 
scale .osd fill:disabled, 
.osd progressbar trough:disabled, 
progressbar .osd trough:disabled { 

  background-color: alpha(@osd_button_color, 0.5); }

scale highlight, 
progressbar progress { 

  border: 1px solid @color_600; 
  border-radius: 3px; 
  background-color: @color_600; }

scale highlight:disabled, 
progressbar progress:disabled { 

  background-color: transparent; 
  border-color: transparent; }

row:selected scale highlight:disabled, 
scale row:selected highlight:disabled, 
row:selected progressbar progress:disabled, 
progressbar row:selected progress:disabled, 
row:selected scale highlight, 
scale row:selected highlight, 
row:selected progressbar progress, 
progressbar row:selected progress { 

  border-color: @color_600; }

.osd scale highlight, 
scale .osd highlight, 
.osd progressbar progress, 
progressbar .osd progress { 

  border-color:alpha(@borders_dark, 0.7); }

.osd scale highlight:disabled, 
scale .osd highlight:disabled, 
.osd progressbar progress:disabled, 
progressbar .osd progress:disabled { 

  border-color: transparent; }

scale {

  min-height: 10px; 
  min-width: 10px; 
  padding: 14px; }

scale fill, 
scale highlight { 

  margin: -1px; }

scale.fine-tune.horizontal {
 
  padding-top: 9px; 
  padding-bottom: 9px; 
  min-height: 16px; }
 
scale.fine-tune.vertical { 

  padding-left: 9px; 
  padding-right: 9px; 
  min-width: 16px; }

scale.fine-tune slider { 

  margin: -6px; }

scale.fine-tune fill, 
scale.fine-tune highlight, 
scale.fine-tune trough { 

  border-radius: 5px;
  -gtk-outline-radius: 7px; }

scale trough { 

  outline-offset: 2px; 
  -gtk-outline-radius: 5px; }

scale fill { 

  background-color: @borders; }

.osd scale fill { 

  background-color: alpha(shade(@osd_button_color,1.2), 0.775); }


.osd scale fill:disabled { 

  border-color: transparent; 
  background-color: transparent; }

scale slider { 

  border: 1px solid;
  border-color: @color_600;
  background-color: transparent;
  background-image: image(@color_600); 
  box-shadow: none;}

scale slider:hover { 
 
  border-color: @color_600;
  background-color: transparent;
  background-image: image(@color_600); 
  box-shadow: none;}

scale slider:active { 

  border-color: @color_600;
  box-shadow: 0 1px 3px @color_700;  }

scale slider:disabled { 

  border: 1px solid alpha(@borders,0.8);
  background-image: image(alpha(@borders,0.8));  
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  box-shadow: inset 0 1px rgba(255, 255, 255, 0); }

scale slider:disabled label, scale slider:disabled { 

  color: @disabled_text_color; }

scale.horizontal slider{

  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  border-radius: 8px; 
  min-height: 20px; 
  min-width: 6px; }

scale.vertical slider{

  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 8px; 
  min-height: 6px; 
  min-width: 20px;}

row:selected scale slider:disabled, 
row:selected scale slider { 

  border-color: @color_800; }

.osd scale slider { 

  color: @osd_button_text_color; 
  border-color: alpha(@borders_dark, 0.7); 
  background-color: transparent; 
  background-image: image(alpha(shade(@osd_button_color,0.9),0.7));
  background-clip: padding-box; 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1); 
  text-shadow: 0 1px @shadows_dark; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

.osd scale slider:hover { 

  color: @selected_text_color; 
  border-color: alpha(@borders_dark, 0.7); 
  background-color: transparent; 
  background-image: image(alpha(shade(@osd_button_color,1.06),0.7));
  background-clip: padding-box; 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1); 
  text-shadow: 0 1px @shadows_dark; 
  -gtk-icon-shadow: 0 1px @shadows_dark;}

.osd scale slider:active { 

  color: @selected_text_color; 
  border-color: alpha(@borders_dark, 0.7); 
  background-color: transparent; 
  background-image: image(alpha(@borders_dark, 0.7)); 
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none;}

.osd scale slider:disabled { 

  color: @disabled_text_color;
  border-color: alpha(@borders_dark, 0.7); 
  background-color: transparent; 
  background-image: image(alpha(shade(@osd_button_color,1.04),0.5));
  background-clip: padding-box; 
  box-shadow: none; 
  text-shadow: none; 
  -gtk-icon-shadow: none;}


scale value { color: alpha(currentColor,0.55); }

scale marks { color: alpha(currentColor,0.55); }

scale marks.top { margin-bottom: 6px; margin-top: -12px; }

scale marks.bottom { margin-top: 6px; margin-bottom: -12px; }

scale marks.top { margin-right: 6px; margin-left: -12px; }

scale marks.bottom { margin-left: 6px; margin-right: -12px; }

scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }

scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }

scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }

scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }

scale.horizontal indicator { min-height: 6px; min-width: 1px; }

scale.horizontal.fine-tune indicator { min-height: 3px; }

scale.vertical indicator { min-height: 1px; min-width: 6px; }

scale.vertical.fine-tune indicator { min-width: 3px; }

scale.horizontal.marks-before:not(.marks-after) slider { 

  margin-top: -8px;
  border: 1px solid;
  border-color: shade(@borders,0.9);
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 100%; 
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; 
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97));
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); 
  min-height: 20px; 
  min-width: 10px; 
  margin-bottom: -12px; }

scale.horizontal.marks-before:not(.marks-after) slider:hover { 

  border-color: shade(@borders,0.9);
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07);}

scale.horizontal.marks-before:not(.marks-after) slider:active {

  border-color: @color_600;
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 3px alpha(@color_600, 0.06);}

scale.horizontal.marks-before:not(.marks-after) slider:disabled { 

  border-color: shade(@borders,0.9);
  background-color: transparent; 
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: none; }

scale.horizontal.marks-after:not(.marks-before) slider { 

  margin-top: -12px;
  border: 1px solid;
  border-color: shade(@borders,0.9);
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 100%; 
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; 
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); 
  min-height: 20px; 
  min-width: 10px; 
  margin-bottom: -8px; }

scale.horizontal.marks-after:not(.marks-before) slider:hover { 

  border-color: shade(@borders,0.9);
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); }

scale.horizontal.marks-after:not(.marks-before) slider:active { 

  border-color: @color_600;
  background-color: transparent;
  background-image: linear-gradient(to bottom, white 20%, #f6f6f6 90%); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 3px alpha(@color_600, 0.06);}

scale.horizontal.marks-after:not(.marks-before) slider:disabled {

  border-color: shade(@borders,0.9);
  background-color: transparent; 
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: none; }

scale.vertical.marks-before:not(.marks-after) slider { 

  margin-right: -12px;
  border: 1px solid;
  border-color: shade(@borders,0.9);
  margin-top: 3px;
  margin-bottom:3px;
  border-radius: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); 
  min-height: 10px;
  min-width: 20px;
  margin-left: -8px; }

scale.horizontal.marks-after:not(.marks-before) slider:hover { 

  border-color: shade(@borders,0.9);
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); }

scale.horizontal.marks-after:not(.marks-before) slider:active { 

  border-color: @color_600;
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 3px alpha(@color_600, 0.06);}

scale.horizontal.marks-after:not(.marks-before) slider:disabled {

  border-color: shade(@borders,0.9);
  background-color: transparent; 
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: none; }

scale.vertical.marks-after:not(.marks-before) slider { 

  margin-right: -8px;
  border: 1px solid;
  border-color: shade(@borders,0.9);
  margin-top: 3px;
  margin-bottom:3px;
  border-radius: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07);
  min-height: 10px;
  min-width: 20px;
  margin-left: -12px;}

scale.vertical.marks-after:not(.marks-before) slider:hover { 

  border-color: shade(@borders,0.9);
  background-color: transparent;
 background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 2px alpha(@shadows_dark, 0.07); }

scale.vertical.marks-after:not(.marks-before) slider:active { 

  border-color: @color_600;
  background-color: transparent;
  background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: inset 0 1px alpha(@shadows_light,0.1), 0 1px alpha(@shadows_dark, 0.01), 0 1px 3px alpha(@color_600, 0.06);}

scale.horizontal.marks-after:not(.marks-before) slider:disabled {

  border-color: shade(@borders,0.9);
  background-color: transparent; 
   background-image:linear-gradient(@button_color,shade(@button_color,0.97)); 
  box-shadow: none; }

scale.color { min-height: 0; min-width: 0; }

scale.color trough { 

  background-image: image(@borders); 
  background-repeat: no-repeat; }

scale.color.horizontal { padding: 0 0 15px 0; }

scale.color.horizontal trough { 

  padding-bottom: 4px; 
  background-position: 0 -3px; 
  border-top-left-radius: 0; 
  border-top-right-radius: 0; }

scale.color.horizontal slider:dir(ltr):hover, 
scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr), 
scale.color.horizontal slider:dir(rtl):hover,
scale.color.horizontal slider:dir(rtl):disabled,  
scale.color.horizontal slider:dir(rtl) { 

  margin-bottom: -15px; 
  margin-top: 6px; }

scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }

scale.color.vertical:dir(ltr) trough { 

  padding-left: 4px; 
  background-position: 3px 0; 
  border-bottom-right-radius: 0; 
  border-top-right-radius: 0; }

scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider { 

  margin-left: -15px; 
  margin-right: 6px; }

scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }

scale.color.vertical:dir(rtl) trough { 

  padding-right: 4px; 
  background-position: -3px 0; 
  border-bottom-left-radius: 0; 
  border-top-left-radius: 0; }

scale.color.vertical:dir(rtl) slider:hover,scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider { 

  margin-right: -15px; 
  margin-left: 6px; }

scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { 

  padding: 0 0 12px 0; }

scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { 

  padding-bottom: 7px; 
  background-position: 0 -6px; }

scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { 

  margin-bottom: -15px; 
  margin-top: 6px; }

scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }

scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }

scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }

scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }

scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }

scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }

/*(((((((((  Progress bars ))))))))))*/

progressbar { font-size: smaller; color: alpha(@osd_button_color, 0.4); }

progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; }

progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; }

progressbar.horizontal progress { margin: 0 -1px; }

progressbar.vertical progress { margin: -1px 0; }

progressbar progress { border-radius: 1.5px; }

progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; }

progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }

progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }

progressbar.osd trough { 

  border-style: none; 
  border-radius: 0; 
  background-color: transparent; 
  box-shadow: none; }

progressbar.osd progress { border-style: none; border-radius: 0; }

progressbar trough.empty progress { all: unset; }

/*(((((((((( Level Bar ))))))))))*/

levelbar.horizontal block { min-height: 1px; }

levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; }

levelbar.vertical block { min-width: 1px; }

levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; }


levelbar trough { 

  border: 1px solid; 
  padding: 2px; 
  border-radius: 3px; 
  color: black; 
  border-color: @borders; 
  background-color: @theme_base_color; 
  box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }

levelbar block { border: 1px solid; border-radius: 1px; }

levelbar block.low { border-color: #8f4700; background-color: #f57900; }

levelbar block.high, levelbar block:not(.empty) { 

  border-color: @color_900; 
  background-color: @color_600; }

levelbar block.full { border-color: #1d814a; background-color: #33d17a; }

levelbar block.empty { 

  background-color: transparent; 
  border-color: rgba(46, 52, 54, 0.2); }

/*(((((((((( Print dialog )))))))))) */

printdialog paper {  

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);  

  border: 1px solid @borders; 
  background: @theme_base_color; 
  padding: 0; }

printdialog .dialog-action-box { 

  margin: 0.825rem;}

/*(((((((((( Frames ))))))))))*/

frame > border, 
.frame { 

  box-shadow: none; 
  margin: 0; 
  padding: 0; 
  border-radius: 0; 
  border: 1px solid @borders; }

frame > border.flat, 
.frame.flat { 

  border-style: none; }

actionbar > revealer > box { 

  padding: 0.4125rem;
  border-top: 1px solid @borders; }
  
actionbar {

  border-radius: 0 0 9px 9px;
  padding: 0px;}
  
scrolledwindow viewport.frame { 

  border-style: none; }

scrolledwindow overshoot.top { 

  background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); 
  background-size: 100% 5%, 100% 100%; 
  background-repeat: no-repeat; 
  background-position: center top; 
  background-color: transparent; 
  border: none; 
  box-shadow: none; }

scrolledwindow overshoot.bottom { 

  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); 
  background-size: 100% 5%, 100% 100%; 
  background-repeat: no-repeat; 
  background-position: center bottom; 
  background-color: transparent; 
  border: none; 
  box-shadow: none; }

scrolledwindow overshoot.left { 

  background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); 
  background-size: 5% 100%, 100% 100%; 
  background-repeat: no-repeat; 
  background-position: left center; 
  background-color: transparent; 
  border: none; 
  box-shadow: none; }

scrolledwindow overshoot.right { 

  background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#b6aea5), to(rgba(182, 174, 165, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0))); 
  background-size: 5% 100%, 100% 100%; 
  background-repeat: no-repeat; 
  background-position: right center; 
  background-color: transparent; 
  border: none; 
  box-shadow: none; }

scrolledwindow junction { 
  
  border-color: transparent; 
  border-image: linear-gradient(to bottom, @borders 1px, transparent 1px) 0 0 0 1/0 1px stretch; 
  background-color: transparent;/*#cecece;*/ }

scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }

separator { 

  background: alpha(@text_color,0.06); 
  min-width: 1px; 
  min-height: 1px; }

/*(((((((((( Lists ))))))))))*/

list { 

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  border-color: @borders;}
  
list row { 
 
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  padding: 0.1375rem;}

row { 
  
  transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

row:hover { 

  transition: none; }

row.activatable.has-open-popup, row.activatable:hover { 

  background-color: rgba(46, 52, 54, 0.05); }

row.activatable:active { 

  box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
  
row.activatable:selected { 

  background-color: @color_accent_2;}

row.activatable:selected:active { 

  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }

row.activatable:selected.has-open-popup, 
row.activatable:selected:hover { 

 background-color: @color_accent_2;}

/*(((((((((( App Notifications ))))))))))*/

.app-notification, 
.app-notification.frame { 

  padding: 0.6875rem; 
  border-radius: 0 0 0.34375rem 0.34375rem; 
  background-color: alpha(@osd_bg_color,0.7); 
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); 
  background-clip: padding-box; }

.app-notification border, 
.app-notification.frame border { 

  border: none; }

/*((((((((( Expanders )))))))))) */

expander title > arrow { 

  min-width: 1.1rem; 
  min-height: 1.1rem;
   -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }

expander title > arrow:dir(rtl) { 

  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }

expander title > arrow:hover { 

  color:shade(@text_color,1.1); }

expander title > arrow:disabled { 

  color: @disabled_text_color; }

expander title > arrow:checked { 

  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

/*(((((((((( Calendar )))))))))) */

calendar { 

  color: @text_color; 
  border: 1px solid @borders; }

calendar:selected { 

  border-radius: 3px; }

calendar.header { 

  border-bottom-color: alpha(@borders_dark,0.1); }

calendar.button { 

  color: alpha(@text_color,0.45); }

calendar.button:hover { 

  color: @text_color; }

calendar.button:disabled { 

  color: @disabled_text_color; }

calendar.highlight { 

  color: @text_color; }

calendar:indeterminate { 

  color: alpha(currentColor,0.1); }
  
.gedit-search-entry-occurrences-tag {

  all: unset;}

/*((((((((( Dialogs )))))))))*/

messagedialog .titlebar { 

  border-width: 0 0 1px; 
  border-style: solid; 
  border-color: shade(@headerbar_color, 0.8); 
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.9),0.98), alpha(shade(@headerbar_color,1.06),0.98));
  box-shadow: inset 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  min-height: 28px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;}

messagedialog.csd.background { 

  background-image: image(@theme_unfocused_bg_color);
  border-bottom-left-radius: 9px;
  border-bottom-right-radius:9px;}

messagedialog.csd .dialog-action-area button {

  margin:0.6875rem; 
  border-radius: 5px;
  border-right-style: solid;}
  
messagedialog.csd .dialog-action-area button:active {

  box-shadow: inset 0 1px 1px alpha(@shadows_dark, 0.08);
  background-image: linear-gradient(shade(@button_color,0.96),@button_color);}
  
messagedialog.csd .dialog-action-area button.destructive-action:hover { 

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); 
 
  border-color:@borders;  
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.1); 
  background-image: linear-gradient(to top, shade(@color_destructive,1), shade(@color_destructive,1.08));  }
  
messagedialog.csd .dialog-action-area button.destructive-action:active, 
messagedialog.csd .dialog-action-area button.destructive-action:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color:@borders;
  background-image: linear-gradient(shade(@color_destructive,0.85), shade(@color_destructive,1)); 
  box-shadow: inset 0 1px 2px alpha(@shadows_dark,0.16);  
  -gtk-icon-shadow: none; }
  
filechooser .dialog-action-box { 

  border-top: 1px solid @borders; }

filechooser #pathbarbox { 

  border-bottom: 1px solid alpha(@borders, 0.8); }

filechooserbutton:drop(active) { 

  box-shadow: none; 
  border-color: transparent; }

/*(((((((((( Sidebar )))))))))))*/

.sidebar { 

  border-style: none;
  background-color: transparent;}

stacksidebar.sidebar:dir(ltr) list, 
stacksidebar.sidebar.left list, 
stacksidebar.sidebar.left:dir(rtl) list, 
.sidebar:not(separator):dir(ltr), 
.sidebar:not(separator).left, 
.sidebar:not(separator).left:dir(rtl) { 
  
  border-right: 1px solid @borders; 
  border-left-style: none; }

stacksidebar.sidebar:dir(rtl) list .sidebar:not(separator):dir(rtl), 
stacksidebar.sidebar.right list .sidebar:not(separator):dir(rtl), 
.sidebar:not(separator).right { 

  border-left: 1px solid @borders; 
  border-right-style: none; }

.sidebar list { 

 background-color: transparent; }

paned .sidebar.left, 
paned .sidebar.right, 
paned .sidebar.left:dir(rtl), 
paned .sidebar:dir(rtl), 
paned .sidebar:dir(ltr), 
paned .sidebar { 

  border-style: none; }

stacksidebar row { 

  padding: 0.55rem 0.9625rem;}

stacksidebar row > label { 

  padding-left: 0.4125rem;
  padding-right: 0.4125rem;}

stacksidebar row.needs-attention > label { 

  background-size: 6px 6px, 0 0; }

/*separator.sidebar{ 

  background-image: image(@borders);
  background-color:transparent;}*/

/*(((((((((( File chooser ))))))))) */

row image.sidebar-icon { 

  opacity: 0.88;}

placessidebar > viewport.frame { 

  border-style: none; }
  
.nautilus-window placessidebar row,
placessidebar row { 

  background-color: transparent;
  border-radius: 3px;
  margin-left: 6px;
  margin-right: 6px;
  color: @sidebar_text_color;
  text-shadow:   -0.2px 0px alpha(@sidebar_text_color, 0.20),
		  0.2px 0px alpha(@sidebar_text_color, 0.20),
		  0px 0.2px alpha(@sidebar_text_color, 0.20),
		  0px -0.2px alpha(@sidebar_text_color, 0.20),
	          0px -1px alpha(@sidebar_shadow_text_color, 0.12),
		  0px 1px alpha(@sidebar_shadow_text_color, 0.2),
	          1px 0px alpha(@sidebar_shadow_text_color, 0.12),
	         -1px 0px alpha(@sidebar_shadow_text_color, 0.12);
  box-shadow: none;
  min-height:26px;
  padding: 0px; }

placessidebar row > revealer { 

  padding: 0 6px;}

.nautilus-window placessidebar row:hover,
placessidebar row:hover { 

  color: @sidebar_text_color;
  text-shadow:   -0.2px 0px alpha(@sidebar_text_color, 0.20),
		  0.2px 0px alpha(@sidebar_text_color, 0.20),
		  0px 0.2px alpha(@sidebar_text_color, 0.20),
		  0px -0.2px alpha(@sidebar_text_color, 0.20),
	          0px -1px alpha(@sidebar_shadow_text_color, 0.12),
		  0px 1px alpha(@sidebar_shadow_text_color, 0.2),
	          1px 0px alpha(@sidebar_shadow_text_color, 0.12),
	         -1px 0px alpha(@sidebar_shadow_text_color, 0.12);
  background-color: transparent;
  background-image: linear-gradient(to right,alpha(@sidebar_text_color,0.10) 30px, alpha(@sidebar_text_color,0.07) 30px, alpha(@sidebar_text_color,0.08));}

placessidebar row:hover:selected,
placessidebar row:selected { 

  transition: none;
  background-color: transparent;
  background-image: linear-gradient(to right,shade(@color_accent_2,0.9) 30px, @color_accent_2 30px, @color_accent_2);
  color: @sidebar_selected_text_color;
  box-shadow: 0 1px 3px alpha(@shadows_dark, 0.2);
  text-shadow:    
				 -0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0px  0.2px alpha(@sidebar_selected_text_color, 0.2),
				  0px -0.2px alpha(@sidebar_selected_text_color, 0.2),
				  0px -1px alpha(@sidebar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@sidebar_selected_text_shadow_color, 0.2),
				  1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12);}
  
placessidebar row:disabled { 

  color: @disabled_text_color; 
  text-shadow:    
		-0.2px 0px alpha(@disabled_text_color, 0.2),
		0.2px 0px alpha(@disabled_text_color, 0.2),
		0px 0.2px alpha(@disabled_text_color, 0.2),
		0px -0.2px alpha(@disabled_text_color, 0.2),
		 0px -1px alpha(@disabled_text_shadow_color, 0.12),
		  0px 1px alpha(@disabled_text_shadow_color, 0.12),
	          1px 0px alpha(@disabled_text_shadow_color, 0.2),
	         -1px 0px alpha(@disabled_text_shadow_color, 0.12);  }

placessidebar row image.sidebar-icon:dir(ltr) { 
  
  padding-right: 16px;}
placessidebar row image.sidebar-icon:dir(rtl) { 

  padding-left: 16px;}

placessidebar row label.sidebar-label:dir(ltr) { 

  padding-right: 8px;}

placessidebar row label.sidebar-label:dir(rtl) { 

  padding-left: 8px;}

button.sidebar-button { 

  min-height: 1.7875rem;
  min-width: 1.7875rem;
  margin-top: 0.20625rem; 
  margin-bottom: 0.20625rem;
  padding: 0; 
  border-radius: 100%; 
  -gtk-outline-radius: 100%; }

button.sidebar-button:not(:hover):not(:active) > image { 

  border-radius: 100%;
  background-color: alpha(@text_color,0.12);
  opacity: 0.7; }

placessidebar row:selected:active { 

  box-shadow: none; }

placessidebar row.sidebar-placeholder-row {
 
  padding: 0 0.55rem;
  min-height: 0.1375rem; 
  background-image: image(@drop_color); 
  background-clip: content-box; }

placessidebar row.sidebar-new-bookmark-row { 

  color: @color_600; }

placessidebar row:drop(active):not(:disabled) { 

  color: @drop_color; 
  box-shadow: inset 0 1px @drop_color, inset 0 -1px @drop_color; }

placessidebar row:drop(active):not(:disabled):selected { 

  color: @sidebar_selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0px  0.2px alpha(@sidebar_selected_text_color, 0.2),
				  0px -0.2px alpha(@sidebar_selected_text_color, 0.2),
				  0px -1px alpha(@sidebar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@sidebar_selected_text_shadow_color, 0.2),
				  1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12);
  background-color: @drop_color; }

placesview .server-list-button > image { 

  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  -gtk-icon-transform: rotate(0turn); }

placesview .server-list-button:checked > image { 

  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  -gtk-icon-transform: rotate(-0.5turn); }

placesview row.activatable:hover { 

  background-color: transparent; }

placesview > actionbar > revealer > box > label { 

  padding-left: 0.55rem; 
  padding-right: 0.55rem;}

/*(((((((((( Paned )))))))))*/

paned > separator { 

  min-width: 1px; 
  min-height: 1px;
  -gtk-icon-source: none; 
  border-style: none; 
  background-color: transparent; 
  background-image: image(@borders); 
  background-size: 1px 1px; }

paned > separator:selected { 

  background-image: image(@color_600); }

paned > separator.wide { 

  min-width: 5px; 
  min-height: 5px; 
  background-color: @wm_bg_b;/*#f6f6f6;*/ 
  background-image: image(@borders), image(@borders); 
  background-size: 1px 1px, 1px 1px; }

paned.horizontal > separator { 

  background-repeat: repeat-y; }

paned.horizontal > separator:dir(ltr) { 

  margin: 0 -8px 0 0; 
  padding: 0 8px 0 0; 
  background-position: left; }

paned.horizontal > separator:dir(rtl) { 

  margin: 0 0 0 -8px; 
  padding: 0 0 0 8px; 
  background-position: right; }

paned.horizontal > separator.wide { 

  margin: 0; 
  padding: 0; 
  background-repeat: repeat-y, repeat-y; 
  background-position: left, right; }

paned.vertical > separator { 

  margin: 0 0 -8px 0; 
  padding: 0 0 8px 0; 
  background-repeat: repeat-x; 
  background-position: top; }

paned.vertical > separator.wide { 

  margin: 0; 
  padding: 0; 
  background-repeat: repeat-x, repeat-x; 
  background-position: bottom, top; }

/*((((((((( GtkInfoBar )))))))))) */

infobar { 

  border-style: none; }

infobar.info, 
infobar.question, 
infobar.warning, 
infobar.error { 

  text-shadow: 0 1px @color_700; }

infobar.info, 
infobar.question, 
infobar.warning, 
infobar.error { 

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  background-color: @color_600; border-color: @color_700; }

infobar.info label, 
infobar.info, 
infobar.question label, 
infobar.question, 
infobar.warning label, 
infobar.warning, 
infobar.error label, 
infobar.error { 

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12); }

infobar.info button, 
infobar.question button, 
infobar.warning button, 
infobar.error button { 

  color: @selected_text_color; 
  border-radius:0.34375rem;
  border-color: @color_700; 
  border-bottom-color: @color_900; 
  background-image: linear-gradient(to top, @color_600, @color_500); 
  text-shadow: 0 1px alpha(@shadows_dark, 0.519216); 
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216); 
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.07); }

infobar.info button:hover, 
infobar.question button:hover, 
infobar.warning button:hover, 
infobar.error button:hover { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: @color_700; 
  border-bottom-color: @color_900;  
  -gtk-icon-shadow: 0 -1px alpha(@shadows_dark, 0.559216);
  box-shadow: inset 0 1px alpha(@shadows_light, 0.2), 0 1px 2px alpha(@shadows_dark, 0.07);  
  background-image: linear-gradient(to top, @color_500, @color_400); }

infobar.info button:active, 
infobar.question button:active, 
infobar.warning button:active, 
infobar.error button:active { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: @color_700; 
  background-image: linear-gradient(@color_600, @color_500); 
  box-shadow: none;  
  -gtk-icon-shadow: none; }

infobar.info button:checked, 
infobar.question button:checked, 
infobar.warning button:checked, 
infobar.error button:checked { 

  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);
  border-color: @color_700; 
  background-image: image(@color_800); 
  box-shadow: none;  
  -gtk-icon-shadow: none; }
  
infobar.info button:disabled, 
infobar.question button:disabled, 
infobar.warning button:disabled, 
infobar.error button:disabled { 

  border-color: @color_700; 
  background-image: image(@color_500); 
  text-shadow: none; 
  -gtk-icon-shadow: none; 
  box-shadow: none; }

infobar.info button:disabled label, 
infobar.info button:disabled, 
infobar.question button:disabled label, 
infobar.question button:disabled, 
infobar.warning button:disabled label, 
infobar.warning button:disabled, 
infobar.error button:disabled label, 
infobar.error button:disabled { 

  color: shade(@color_200,1.2);
  text-shadow:    
				 -0.2px  0px alpha(@color_100, 0.2),
				  0.2px  0px alpha(@color_100, 0.2),
				  0px  0.2px alpha(@color_100, 0.4),
				  0px -0.2px alpha(@color_100, 0.4),
				  0px -1px alpha(@color_1000, 0.12),
				  0px 1px alpha(@color_1000, 0.12),
				  1px 0px alpha(@color_1000, 0.22),
				 -1px 0px alpha(@color_1000, 0.12); }

infobar.info selection, 
infobar.question selection, 
infobar.warning selection, 
infobar.error selection { 

  background-color: @color_700;}

/*(((((((((( Tooltips)))))))))) */

tooltip {

  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}
  
tooltip.background {

  background-color: alpha(@osd_bg_color,0.8);}

tooltip.background label {
  
  padding-left: 6px; 
  padding-right: 6px;
  padding-top: 1px;
  padding-bottom:1px;}

tooltip decoration {

  background-color: transparent; }

tooltip * {

  border-radius: 9px;
  background-color: rgba(0,0,0,0);
  color: @selected_text_color; 
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

/*((((((((( Color Chooser )))))))))*/


colorswatch:drop(active), colorswatch { border-style: none; }

colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }

colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }

colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }

colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }

colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }

colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }

colorswatch.dark overlay { color: white; }

colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); }

colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }

colorswatch.light overlay { color: black; }

colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); }

colorswatch:drop(active) { box-shadow: none; }

colorswatch:drop(active).light overlay { border-color: @drop_color; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px @drop_color; }

colorswatch:drop(active).dark overlay { border-color: @drop_color; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px @drop_color; }

colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); }

colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.2); }

colorswatch#add-color-button { border-radius: 5px 5px 0 0; }

colorswatch#add-color-button:only-child { border-radius: 5px; }

colorswatch#add-color-button overlay { color: #363636; outline-color: rgba(46, 52, 54, 0.3); border-color: @borders; border-bottom-color: shade(@borders,0.9); background-image: linear-gradient(to top, #edebe9 2px, #f6f6f6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }

colorswatch#add-color-button overlay:hover { color: #363636; outline-color: rgba(46, 52, 54, 0.3); border-color: @borders; border-bottom-color: shade(@borders,0.9); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f6f6, #f8f8f7 1px); }

colorswatch:disabled { opacity: 0.5; }

colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }

row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }

colorswatch#editor-color-sample { border-radius: 4px; }

colorswatch#editor-color-sample overlay { border-radius: 4.5px; }

colorchooser .popover.osd { border-radius: 5px; }

/*(((((((((( Misc ))))))))))*/

.content-view { background-color: @theme_unfocused_bg_color; }

.content-view:hover { -gtk-icon-effect: highlight; }

.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }

.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; }

/*(((((((((( Window Decorations )))))))))) */

decoration { 

  border-radius: 9px; 
  border-width: 0px; 
 box-shadow: 0px 16px 28px 8px rgba(0,0,0,0.4),0 0 1px 1px rgba(0,0,0,0.08);
  margin: 4px; }

/*csd decoration:backdrop,
csd decoration {

  border-radius: 9px;
  border-width: 0px;
  box-shadow: 0px 6px 6px 10px rgba(0,0,0,0.35);
  margin: 0px;}*/

.maximized decoration, 
.fullscreen decoration, 
.tiled decoration, 
.tiled-top decoration, 
.tiled-right decoration, 
.tiled-bottom decoration, 
.tiled-left decoration { 

  border-radius: 0; }

.popup decoration {

  border-radius: 9px;}

.ssd decoration { 

  box-shadow: 0 2px 6px 6px rgba(0,0,0,0.35);
  margin:0px;}

.csd.popup decoration { 

  border-radius: 9px; 
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}

tooltip.csd decoration { 

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
  border-radius: 9px;}

messagedialog.csd decoration {
 
  border-radius: 9px;
  box-shadow: 0 12px 12px 1px rgba(0, 0, 0, 0.5);}

.solid-csd decoration {

  border: 1px solid @headerbar_color;
  background-color: transparent;
  margin: 0;
  padding: 2px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.26);}

.view:selected:focus, 
.view:selected, 
iconview:selected, 
.view text:selected, 
iconview text:selected, 
textview text:selected, 
.view text selection:focus, 
iconview text selection:focus, button
.view text selection, 
iconview text selection, 
textview text selection:focus, 
textview text selection, 
flowbox flowboxchild:selected, 
spinbutton:not(.vertical) selection, 
entry selection, 
modelbutton.flat:selected, 
.menuitem.button.flat:selected, 
treeview.view:selected:focus, 
treeview.view:selected, 
row:selected, 
calendar:selected { 

  background-color: @color_600;
  color: @selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}
  
row:selected label, 
label:selected, 
.view:selected:focus, 
.view:selected, 
iconview:selected, 
.view text:selected, 
iconview text:selected, 
textview text:selected, 
.view text selection:focus, 
iconview text selection:focus, 
.view text selection, 
iconview text selection, 
textview text selection:focus, 
textview text selection, 
flowbox flowboxchild:selected, 
spinbutton:not(.vertical) selection, 
entry selection, 
modelbutton.flat:selected, 
.menuitem.button.flat:selected, 
treeview.view:selected:focus, 
treeview.view:selected, row:selected, 
calendar:selected { 

  color: @selected_text_color;
   text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

row:selected label:disabled, 
label:disabled:selected, 
iconview:disabled:selected:focus, 
.view:disabled:selected, 
iconview:disabled:selected, 
iconview text:disabled:selected:focus, 
textview text:disabled:selected:focus, 
.view text:disabled:selected, 
iconview text:disabled:selected, 
textview text:disabled:selected, 
iconview text selection:disabled:focus, 
.view text selection:disabled, 
iconview text selection:disabled, 
textview text selection:disabled, 
flowbox flowboxchild:disabled:selected, 
label:disabled selection, 
spinbutton:not(.vertical) 
selection:disabled, 
entry selection:disabled, 
modelbutton.flat:disabled:selected, 
.menuitem.button.flat:disabled:selected,
row:disabled:selected, 
calendar:disabled:selected { 

  color: @color_100; }

.monospace { font-family: monospace; }

/*((((((((( Touch Copy & Paste ))))))))))*/

cursor-handle {

  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-style: none; }
  
cursor-handle.top {
    -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
cursor-handle.bottom {
    -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }

.context-menu { 

  font: initial; }

.keycap { 

  min-width: 20px; 
  min-height: 25px; 
  margin-top: 2px; 
  padding-bottom: 3px; 
  padding-left: 6px; 
  padding-right: 6px; 
  color: @text_color; 
  background-color: @button_color; 
  border: 1px solid; 
  border-color: shade(@button_color,0.8); 
  border-radius: 0.34375rem; 
  box-shadow: inset 0 -3px shade(@button_color,0.9); 
  font-size: smaller; }

:not(decoration):not(window):drop(active):focus, 
:not(decoration):not(window):drop(active) { 

  border-color: @drop_color; 
  box-shadow: inset 0 0 0 1px @drop_color; 
  caret-color: @drop_color; }

stackswitcher button.text-button { 

  min-width: 5.5rem;}

stackswitcher button.circular, 
stackswitcher button.text-button.circular { 

  min-width: 32px; min-height: 32px; padding: 0; }

/*((((((((((App Icons )))))))))) */

/* Outline for low res icons */

.lowres-icon { 

  -gtk-icon-shadow: 1px 1px rgba(0, 0, 0, 0.3), -1px -1px rgba(0, 0, 0, 0.3), -1px 1px rgba(0, 0, 0, 0.3), 1px -1px rgba(0, 0, 0, 0.3); }

/* Drapshadow for large icons */

.icon-dropshadow { 

  -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }

/*(((((((((( Emoji )))))))))) */


popover.emoji-picker { padding-left: 0; padding-right: 0; }

button.emoji-section { 

  border-color: transparent; 
  border-width: 3px; 
  border-style: none none solid; 
  border-radius: 0; 
  margin: 2px 4px 2px 4px; 
  padding: 3px 0 0; 
  min-width: 32px; 
  min-height: 28px; 
  background: none; 
  box-shadow: none; 
  text-shadow: none; 
  outline-offset: -5px; }

button.emoji-section:hover { border-color: @borders; }

button.emoji-section:checked { border-color: @color_600; }

button.emoji-section label { padding: 0; opacity: 0.55; }

button.emoji-section:hover label { opacity: 0.775; }

button.emoji-section:checked label { opacity: 1; }

popover.emoji-picker .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }

popover.emoji-picker .emoji :hover { background: @color_600; }

popover.emoji-completion arrow { border: none; background: none; }

popover.emoji-completion contents row box { padding: 2px 10px; }

popover.emoji-completion .emoji:hover { background: @theme_base_color; }

popover button{

  border-color: @borders;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
 
  background-image: none;
  box-shadow: none;
  background-color: transparent;}
  
popover button:active{

  border-color: @borders;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: alpha(@button_color,0.3);
  box-shadow: inset 0 1px 2px alpha(@shadows_dark,0.12);
  background-image: none;} 
  
popover button:hover{

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: alpha(@button_color,0.5);
  background-image: none;}
  
popover .linked:not(.vertical) > button:focus,
popover .linked:not(.vertical) > button{

  border-color: @borders;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-image: none;
  box-shadow: none;
  background-color: transparent;
  border-left-style: none;}
  
popover .linked:not(.vertical) > button:hover:focus, 
popover .linked:not(.vertical) > button:hover{

  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: alpha(@button_color,0.5);
  background-image: none;}
  
popover .linked:not(.vertical) > button:active{

  border-color: @borders;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
  background-color: alpha(@button_color,0.3);
  box-shadow: inset 0 1px 2px alpha(@shadows_dark,0.12);
  background-image: none;} 
  
popover .linked:not(.vertical) > button:first-child{

  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-top-left-radius: 0.34375rem;
  border-bottom-left-radius: 0.34375rem;
  border-style: solid;}
 
popover .linked:not(.vertical) > button:last-child{

  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0.34375rem;
  border-bottom-right-radius: 0.34375rem;
  border-style: solid;}

popover.linked:not(.vertical) > button:only-child{

  border-radius: 0.34375rem;
  border-style: solid;} 

window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {

 background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.9),1), alpha(shade(@headerbar_color,0.94),1));
  background-color: transparent;
  box-shadow: inset 0 -1px alpha(@shadows_dark,0.12); }

window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button {

  color: alpha(@text_color, 0.8);
  border: none;
  border-radius: 50px;
  background-image: none; }

window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:hover {

   background-color: alpha(@button_color,0.95);
   color: alpha(@text_color, 0.8);}

window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:checked {

  background-color: shade(@button_color,0.90);
  box-shadow: inset 0 -1px alpha(@shadows_dark,0.12);
  color: @text_color; }

window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:disabled {

  color: alpha(@text_color, 0.6); }

window.background:not(.solid-csd) > notebook:not(.frame) {

  border: 0 none transparent;
  background-color: transparent;}

window.background:not(.solid-csd) > notebook:not(.frame) > stack {

  border: none;
  box-shadow: none; }
  
#clock-applet-button {
  color: rgba(0, 0, 0, 0.54);
}
/*((((( adding space between arrows in nautilus ))))))*/

headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button, headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button:hover, headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button:active, headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button:checked, headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button:disabled {

  padding-left:3px;
  padding-right: 3px;
  border:1px solid;
  border-radius: 5px;
  margin-right: 0px;
  border-color: shade(@headerbar_color,0.9); 
  border-bottom-color: shade(@headerbar_color,0.8);
  -gtk-icon-shadow: 0 1px alpha(shade(@headerbar_color,1.4),0.76);
  box-shadow: inset 0 1px shade(@headerbar_color,1.3), 0 1px 2px alpha(@shadows_dark,0.07);
  }
 headerbar .linked.raised:not(.vertical):not(.path-bar) > button.image-button:disabled{
 color: alpha(@selected_text_color,0.5);} 


/*(((((((((( Titlebuttons ))))))))))*/

headerbar.default-decoration button.titlebutton,
.titlebar.default-decoration button.titlebutton {
  
  padding: 0 0px;
  min-width: 0;
  min-height: 0;
  margin-bottom: 0;/*0.275rem;*//*4px*/
  box-shadow: none; }

headerbar button.titlebutton,
.titlebar button.titlebutton {

  padding: 0;
  /*margin-bottom: 0.275rem;*//*4px;*/
  min-height:18px;
  min-width:18px;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
  background-image: none;}

headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover,
headerbar button.titlebutton:active,
headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked {

  color: transparent;
  border-color: transparent;
  background-color: transparent;}

headerbar button.titlebutton.restore,
headerbar button.titlebutton.close,
headerbar button.titlebutton.maximize,
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.restore,
.titlebar button.titlebutton.close,
.titlebar button.titlebutton.maximize,
.titlebar button.titlebutton.minimize {

  color: transparent;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0; }

headerbar button.titlebutton.restore:backdrop,
headerbar button.titlebutton.close:backdrop,
headerbar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.restore:backdrop,
.titlebar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.minimize:backdrop {

opacity: 1; }

headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-close.svg"), url("graphics/title-buttons-dark/titlebutton-close@2.svg"));
   }

headerbar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.close:backdrop {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-close-backdrop.svg"), url("graphics/title-buttons-dark/titlebutton-close-backdrop@2.svg")); }

headerbar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-close-hover.svg"), url("graphics/title-buttons-dark/titlebutton-close-hover@2.svg")); }

headerbar button.titlebutton.close:active,
.titlebar button.titlebutton.close:active {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-close-active.svg"), url("graphics/title-buttons-dark/titlebutton-close-active@2.svg")); }

headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize.svg"), url("graphics/title-buttons-dark/titlebutton-maximize@2.svg")); }

headerbar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.maximize:backdrop {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize-backdrop.svg"), url("graphics/title-buttons-dark/titlebutton-maximize-backdrop@2.svg")); }

headerbar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize-hover.svg"), url("graphics/title-buttons-dark/titlebutton-maximize-hover@2.svg")); }

headerbar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:active {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize-active.svg"), url("graphics/title-buttons-dark/titlebutton-maximize-active@2.svg")); }

headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-minimize.svg"), url("graphics/title-buttons-dark/titlebutton-minimize@2.svg")); }

headerbar button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.minimize:backdrop {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-minimize-backdrop.svg"), url("graphics/title-buttons-dark/titlebutton-minimize-backdrop@2.svg")); }

headerbar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-minimize-hover.svg"), url("graphics/title-buttons-dark/titlebutton-minimize-hover@2.svg")); }

headerbar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:active {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-minimize-active.svg"), url("graphics/title-buttons-dark/titlebutton-minimize-active@2.svg")); }

headerbar button.titlebutton.restore,
.titlebar button.titlebutton.restore {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore.svg"), url("graphics/title-buttons-dark/titlebutton-restore@2.svg")); }

headerbar button.titlebutton.restore:backdrop,
.titlebar button.titlebutton.restore:backdrop {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore-backdrop.svg"), url("graphics/title-buttons-dark/titlebutton-restore-backdrop@2.svg")); }

headerbar button.titlebutton.restore:hover,
.titlebar button.titlebutton.restore:hover {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore-hover.svg"), url("graphics/title-buttons-dark/titlebutton-restore-hover@2.svg")); }

headerbar button.titlebutton.restore:active,
.titlebar button.titlebutton.restore:active {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore-active.svg"), url("graphics/title-buttons-dark/titlebutton-restore-active@2.svg")); }

.fullscreen headerbar button.titlebutton.maximize,
.maximized headerbar button.titlebutton.maximize, 
.fullscreen.titlebar button.titlebutton.maximize,
.maximized.titlebar button.titlebutton.maximize {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize.svg"), url("graphics/title-buttons-dark/titlebutton-maximize@2.svg"));
}

.fullscreen headerbar button.titlebutton.maximize:backdrop,
.maximized headerbar button.titlebutton.maximize:backdrop, 
.fullscreen.titlebar button.titlebutton.maximize:backdrop,
.maximized.titlebar button.titlebutton.maximize:backdrop {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-maximize-backdrop.svg"), url("graphics/title-buttons-dark/titlebutton-maximize-backdrop@2.svg"));
}

.fullscreen headerbar button.titlebutton.maximize:hover,
.maximized headerbar button.titlebutton.maximize:hover, 
.fullscreen.titlebar button.titlebutton.maximize:hover,
.maximized.titlebar button.titlebutton.maximize:hover {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore-hover.svg"), url("graphics/title-buttons-dark/titlebutton-restore-hover@2.svg"));
}

.fullscreen headerbar button.titlebutton.maximize:active,
.maximized headerbar button.titlebutton.maximize:active, 
.fullscreen.titlebar button.titlebutton.maximize:active,
.maximized.titlebar button.titlebutton.maximize:active {

  background-image: -gtk-scaled(url("graphics/title-buttons-dark/titlebutton-restore-active.svg"), url("graphics/title-buttons-dark/titlebutton-restore-active@2.svg"));}
  


/*******************************************************************/
/*((((((((( changes for rounded frames)))))))*/
/*.view { 

  background-color:transparent;}*/

.nautilus-window .view {

  background-color:transparent;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@text_shadow_color, 0.12),
		  0px 1px alpha(@text_shadow_color, 0.12),
	          1px 0px alpha(@text_shadow_color, 0.12),
	         -1px 0px alpha(@text_shadow_color, 0.12);
}

.nautilus-window .view:selected:focus,
.nautilus-window .view:selected {

  color: @sidebar_selected_text_color;
  text-shadow:    
				 -0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0.2px  0px alpha(@sidebar_selected_text_color, 0.2),
				  0px  0.2px alpha(@sidebar_selected_text_color, 0.4),
				  0px -0.2px alpha(@sidebar_selected_text_color, 0.4),
				  0px -1px alpha(@sidebar_selected_text_shadow_color, 0.12),
				  0px 1px alpha(@sidebar_selected_text_shadow_color, 0.12),
				  1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@sidebar_selected_text_shadow_color, 0.12);
  background-color: @color_600;}
  
separator.sidebar{ 

  background-image: image(alpha(@text_color,0.1));
  background-color:transparent;}
  
workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child {
  
  border-radius: 9px 9px 0 0;}
  
window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
  
  border-bottom-right-radius: 9px;}
  
window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
  
  border-bottom-left-radius: 9px;}

window#gnome-system-monitor.background.csd > box.vertical > stack {
 
  border-radius: 0 0 9px 9px;}
  
stack > grid.vertical > scrolledwindow {

  border: none;
  border-radius: 0 0 9px 9px;}
  
stack > grid.vertical > scrolledwindow > viewport.frame list {
  
  border-radius: 0 0 9px 9px;}

window.background.csd > stack > scrolledwindow > viewport > notebook{

  border-style:none;
  margin-top:-2px;
  border-color: transparent;
  border-radius: 0 0 9px 9px;}

window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form {
  border-bottom-right-radius: 9px;}
  
window.background.csd > notebook{

  margin-top:-2px;}  

dialog.background > box.vertical > notebook{
  border-color:@borders;
  border-style:none solid solid solid;}
 
window.background.csd > hdyleaflet > box.vertical > stack.main-container {

  border-bottom-right-radius: 9px;}
  
window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical {
 
  border-bottom-left-radius: 9px;}
  
hdyleaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {

  border-radius: 9px;}
  
 hdyleaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
 
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;}
  
hdyleaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {

  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
 
  border-radius: 9px;}
  
window.background.csd > hdyleaflet > stack.background,
window.background.csd > box.horizontal > stack.background{
  background-color: @theme_bg_color;
  border-bottom-right-radius: 9px;
}
window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
  
  border-bottom-left-radius: 9px;
}
window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
 border-width: 0;
  border-bottom-right-radius: 9px;
}
window.background.csd evview.view.content-view {
  
  border-radius: 0 0 9px 9px;
}
background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
  
  border-radius: 0 0 0 9px;}
  
window.background.csd > box.horizontal > stack > box.vertical > notebook > stack {
  
  border-bottom-right-radius:9px;}

window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar {
  
  border-bottom-left-radius: 9px;}

window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack {

  border-bottom-right-radius: 9px;
}
window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) {
  
  border-bottom-left-radius: 9px;}

window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list {
  
  border-bottom-left-radius: 9px;}
 
window.background.csd > stack {
  
  border-radius: 0 0 9px 9px;}
  
window.background > box.vertical box.horizontal list.categories {
  
  border-radius: 0 0 0 9px;}

.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar {
  
  border-bottom-left-radius: 9px;}
  
.nautilus-window.background.csd {

  border-radius: 0 0 9px 9px;}
  
tooltip.background.csd {

  border-radius: 9px;}
  
.nautilus-window.csd.background{

  background-image: image(@sidebar_bg_color);
  background-color: transparent;
  border-radius: 0 0 9px 9px;}
  
.nautilus-window placessidebar.sidebar list {

  background-color: transparent;
  border-radius: 9px;}
  
/*.nautilus-list-view {*/
  
  /*background-color: transparent;*/
 /* border-radius: 0 0 9px 9px;}*/
   
.rubberband, 
rubberband, 
flowbox rubberband, 
treeview.view rubberband, 
.content-view rubberband, 
.content-view .rubberband { 

  border-radius: 5px;
  border: 1px solid alpha(@color_700,0.5); 
  background-image: image(alpha(@color_700,0.08));}
 
window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) {
  
  background-color: transparent;
  border-radius: 9px;}
  
.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
  
  border-radius: 0 0 0 9px;}
  
.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) {
  
  background-color: transparent;}
  
.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
  
  border-radius: 0 0 9px 9px;} 
  
.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) {

  background-color: transparent;}
  
.dynamic-notebook notebook > stack {

  border-bottom-right-radius: 9px;}
  
filechooser placessidebar.sidebar{

background-color:@sidebar_bg_color;
background-image: linear-gradient(245DEG,alpha(shade(@sidebar_bg_color,0.92),0.98),transparent);}
  
.nautilus-window placessidebar.sidebar{

 background-image: linear-gradient(245DEG,alpha(shade(@sidebar_bg_color,0.92),0.98),transparent);
  border-radius: 0 0 9px 9px;} 
  
  
.nautilus-window notebook{

  background-image: none;
  background-color: shade(@theme_base_color,0.96);
  border-radius: 0 0 9px 0;}
  
.nautilus-window notebook > stack {

  border-radius: 0 0 9px 9px;}  
  
.nautilus-window placesview actionbar.background {

  border-radius: 0 0 9px 0;}
  

.nautilus-window notebook > stack:not(:only-child) searchbar {
  
  background-image: none;
  background-color: transparent; }
  
.dynamic-notebook notebook > stack {

  border-bottom-right-radius: 9px;}
  
/*Documents*/

.documents-scrolledwin.frame {

  border-width: 0; }
  
.documents-scrolledwin {
  
  background-color: transparent;}
  
.documents-scrolledwin .content-view {

  background-color: transparent;
  border-radius: 0 0 9px 9px;}
  
.documents-scrolledwin .content-view {
  
  background-color: transparent;
  border-radius: 0 0 9px 9px;}

.documents-scrolledwin viewport.frame {
  
  background-color: transparent;}

.documents-scrolledwin viewport.frame widget > frame.content-view {
  
  background-color: transparent;
  border-radius: 0 0 9px 9px;}

.documents-scrolledwin viewport.frame widget > frame.content-view border {
  border: none;}
  
statusbar{

  border-radius: 0 0 9px 9px;}
  
#weather-page,
#weekly-forecast-frame {
  border-bottom-right-radius: 9px;
}

#weather-page-content-view {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}

  
.tweak-categories{

  border-radius: 0 0 0 9px;
  background-image: linear-gradient(245DEG,shade(@sidebar_bg_color,1.02), transparent);
background-color:shade(@sidebar_bg_color,0.94);
  /*background-image: linear-gradient(to top, rgba(255,255,255,0.0),rgba(20,20,20,0.08),rgba(15,15,15,0.12),rgba(20,20,20,0.08),rgba(240,240,240,0)); 
  background-color:rgba(227,230,234,1);*/}
  
.view row,
.tweak-category {

  background-color: transparent;
  border-radius: 3px;
  margin-top:4px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0px;
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@shadow_text_color, 0.12),
		  0px 1px alpha(@shadow_text_color, 0.12),
	          1px 0px alpha(@shadow_text_color, 0.12),
	         -1px 0px alpha(@shadow_text_color, 0.12);
  box-shadow: none;
  padding: 0px;}
  
.view row:hover,
.tweak-category:hover {

  background-image: linear-gradient(to right,rgba(0,0,0,0.03), rgba(0,0,0,0.07), rgba(0,0,0,0.03), rgba(0,0,0,0.07));
  color: @text_color;
  text-shadow:   -0.2px 0px alpha(@text_color, 0.20),
		  0.2px 0px alpha(@text_color, 0.20),
		  0px 0.2px alpha(@text_color, 0.20),
		  0px -0.2px alpha(@text_color, 0.20),
	          0px -1px alpha(@shadow_text_color, 0.12),
		  0px 1px alpha(@shadow_text_color, 0.12),
	          1px 0px alpha(@shadow_text_color, 0.12),
	         -1px 0px alpha(@shadow_text_color, 0.12);}

.view row:selected,
.tweak-category:selected {

  transition: none;
  color: @selected_text_color;
  box-shadow: 0 1px 3px alpha(@shadows_dark, 0.25);
  text-shadow:    
				 -0.2px  0px alpha(@selected_text_color, 0.2),
				  0.2px  0px alpha(@selected_text_color, 0.2),
				  0px  0.2px alpha(@selected_text_color, 0.4),
				  0px -0.2px alpha(@selected_text_color, 0.4),
				  0px -1px alpha(@selected_text_shadow_color, 0.12),
				  0px 1px alpha(@selected_text_shadow_color, 0.12),
				  1px 0px alpha(@selected_text_shadow_color, 0.12),
				 -1px 0px alpha(@selected_text_shadow_color, 0.12);}

.tweak-categories separator {

  min-width: 0px;
  min-height: 0px;
  background: none;}
  
  list#AutostartListBoxTweakGroup.tweak-group-startup row.tweak-startup {

 background-image: image(@base_bg_color);
 background-color: transparent;}  
  
.background.csd actionbar {

  border-radius: 0 0 9px 9px;} 
  
.nautilus-window placesview actionbar.background {

  border-radius: 0 0 9px 0;}
  
actionbar {

  border-radius: 0 0 9px 9px;
  padding: 0px;}
  
filechooser actionbar {

  background-color: transparent;
  background-image: linear-gradient(to top, alpha(shade(@headerbar_color,0.9),0.96), alpha(shade(@headerbar_color,0.98),0.96), alpha(shade(@headerbar_color,1.02),0.94));}

terminal-window.background.csd {
  
  border-radius:0 0 9px 9px;}



/*((((((( Terminal )))))))))*/

terminal-window decoration {
  border-radius: 9px 9px 0 0;
}

window.background > box.vertical > box.horizontal > frame > border {
  border-width: 0 1px 0 0;
}

window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
  border-bottom-left-radius: 9px;
}

window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
  border-width: 0;
}

window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
  border-bottom-right-radius: 9px;
}

messagedialog.csd.background {

  border-radius:0 0 9px 9px;}
  
popover.emoji-picker {
  
  border-radius: 9px;}
  

/*(((((((((((((((( End rounded frames )))))))))))))))*/

.background.csd.unified{
  border-radius: 9px;
  color: @sidebar_text_color;
  text-shadow:   -0.2px  0px alpha(@sidebar_text_color, 0.20),
				  0.2px  0px alpha(@sidebar_text_color, 0.20),
				  0px  0.2px alpha(@sidebar_text_color, 0.20),
				  0px -0.2px alpha(@sidebar_text_color, 0.20);}
				  
/* The unified headerbar is a new widget, which unfortunately is undocumented, leaving us themers in the cold...Because the Unified Headerbar requires a high headerbar, the only option to prevent that, is to hide some elements and readjust others.  This is done in 4 steps: */
 				  
/***** this hides the left-icon on the buttons *******/ 

window.background.csd.unified > deck > deck > box.vertical >
headerbar.titlebar.windowhandle > stack > viewswitchertitle > squeezer >
viewswitcher > box.horizontal > button.radio > stack > box.horizontal.wide image{

   color: transparent;
   margin-left:-14px;
   margin-right:-14px;}

/***** this moves the text more to the left ******/ 

window.background.csd.unified > deck > deck > box.vertical >
headerbar.titlebar.windowhandle > stack > viewswitchertitle > squeezer >
viewswitcher > box.horizontal > button.radio > stack > box.horizontal.wide label{
   
   color: @headerbar_text_color;
   padding-right:20px;
   padding-left:5px;}
   
/***** this hides the text under the icon when there is a vertical button ****/
  
window.background.csd.unified > deck > deck > box.vertical >
headerbar.titlebar.windowhandle > stack > viewswitchertitle > squeezer >
viewswitcher > box.horizontal > button.vertical.radio > stack > box.vertical.narrow label{
   
   color: transparent;
   text-shadow:none;}

/****** this moves the icon up, more to the middle of the button when there is a vertical button ****/
  
window.background.csd.unified > deck > deck > box.vertical >
headerbar.titlebar.windowhandle > stack > viewswitchertitle > squeezer >
viewswitcher > box.horizontal > button.vertical.radio > stack > box.vertical.narrow image{

   padding-top:3px;}
   
hdyviewswitcherbar > actionbar,
viewswitcherbar > actionbar {
   min-height: 30px;}

/*((((((((( defining text-colors in all states )))))))))))))*/

@define-color text_color #e2e0db;
@define-color text_shadow_color #272523;
@define-color selected_text_color #e2e0db;
@define-color selected_text_shadow_color #272523;
@define-color disabled_text_color #8b8b8b;
@define-color disabled_text_shadow_color #292825;
@define-color sidebar_text_color #c8c8c8;
@define-color sidebar_text_shadow_color #272523;
@define-color sidebar_selected_text_color #e2e0db;
@define-color sidebar_selected_text_shadow_color #272523;
@define-color osd_button_text_color #e2e0db;
@define-color headerbar_text_color #e2e0db;
@define-color headerbar_text_shadow_color #272523;
@define-color headerbar_selected_text_color #e2e0db;
@define-color headerbar_selected_text_shadow_color #272523;
/***************************************************************/
@define-color button_color #524e46;
@define-color osd_button_color #524e46;
@define-color color_accent #4e646a;/*#4d8397;*//*#4d798e;#2c93c3;#0073CF;*/
@define-color color_accent_2 #6b675f;/* #767166;*//*#4d8397;*//*#4d798e;#2c93c3;#0073CF;*/
@define-color color_accent_3 #767166;
@define-color headerbar_color #45423e;/*#d4d5db;*//*#d1d3da;*//*#d4d5d9;*//*#cdcfd7;*//*#d4d5d9;*//*#a8a6a7;*//*#c2c6cc;*//*#d5d8da;*//*#dddfe0;#e0e2e3;*/
@define-color headerbar_selected_accent_color @color_accent;
@define-color bg_gradient_a #363431;
@define-color bg_gradient_b #1f1e1c;
@define-color bg_gradient_c #272523;
@define-color bg_gradient_d #1e1e1e;
@define-color shadows_light #272523;
@define-color shadows_dark #000000;
@define-color sidebar_bg_color rgba(84,77,70,0.98);
/***************************************************************************/
/*(((((((( defining the colors of the windowbuttons )))))*/
/* these definitions are not used by this theme*/
@define-color minimize_color transparent;
@define-color maximize_color @headerbar_color;
@define-color close_color #e17f4f;
@define-color restore_color @maximize_color;
@define-color backdrop_color transparent;


/* DO NOT CHANGE ANYTHNG DOWN THE LINE HERE*/


@define-color color_100 shade(@color_accent,1.9);
@define-color color_200 shade(@color_accent,1.4);
@define-color color_400 shade(@color_accent,1.2);
@define-color color_500 shade(@color_accent,1.1);
@define-color color_600 @color_accent;
@define-color color_700 shade(@color_accent,0.9);
@define-color color_800 shade(@color_accent,0.8);
@define-color color_900 shade(@color_accent,0.7);
@define-color color_1000 shade(@color_accent,0.3);

/***************************************************************************/
 /*
text color for entries, views and content in general */
@define-color theme_text_color #e2e0db;
@define-color theme_fg_color #e2e0db;
/*
widget base background color */
@define-color base_bg_color rgba(64,60,54,0.99);/*474541*/
@define-color theme_bg_color #403e3a;
@define-color osd_bg_color #312e2b;
 /*
text widgets and the like base background color */
@define-color theme_base_color #35312e;
/*
base background color of selections @color_600 */
@define-color theme_selected_bg_color @color_600;

/*text/foreground color of selections */
@define-color theme_selected_fg_color #e2e0db;
/*
base background color of insensitive widgets */
@define-color insensitive_bg_color #33312d;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color @disabled_text_color;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #45423e;
/*
widget text/foreground color on backdrop windows */
@define-color theme_unfocused_fg_color @disabled_text_color;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #bcbcbc;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color  #403e3a;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #312e2b;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color @color_600;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #e2e0db;
/*
insensitive color on backdrop windows*/
@define-color unfocused_insensitive_color #625e58;
/*
widgets main borders color */
@define-color borders #2c2b28;
@define-color borders_light #2e2d2a;
@define-color borders_dark #1d1c1a;
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders #1d1c1a;
/*
these are pretty self explicative */
@define-color drop_color #4e9a06;
@define-color color_destructive #e54939;
@define-color warning_color #f57900;
@define-color error_color @color_destructive;
@define-color success_color #26ab62;
/*
these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title shade(#ececec, 1.8);
@define-color wm_unfocused_title @disabled_text_color;
@define-color wm_highlight rgba(0,0,0,0);
@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
@define-color wm_bg_a shade(#403e3a, 1.2);
@define-color wm_bg_b #403e3a;
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
@define-color wm_button_hover_color_a shade(#403e3a, 1.3);
@define-color wm_button_hover_color_b #403e3a;
@define-color wm_button_active_color_a shade(#403e3a, 0.85);
@define-color wm_button_active_color_b shade(#403e3a, 0.89);
@define-color wm_button_active_color_c shade(#403e3a, 0.9);
@define-color content_view_bg #45423e;

/***************************************************************************/

